🎣 Fishing Report — Rock Hall MD & Indian River Inlet DE — May 3, 2026

 

body {

background: #0a1628;

font-family: 'Open Sans', sans-serif;

color: #fff;

min-height: 100vh;

display: flex;

justify-content: center;

align-items: flex-start;

padding: 20px;

}

 

.card {

width: 900px;

background: linear-gradient(160deg, #0d2040 0%, #0a1628 60%, #071020 100%);

border-radius: 18px;

overflow: hidden;

box-shadow: 0 20px 60px rgba(0,0,0,0.6);

border: 1px solid rgba(255,255,255,0.07);

}

 

/* HEADER */

.header {

background: linear-gradient(135deg, #1a4a7a 0%, #0e2f55 50%, #09203d 100%);

padding: 28px 36px 22px;

display: flex;

justify-content: space-between;

align-items: center;

border-bottom: 3px solid #2a7abf;

position: relative;

overflow: hidden;

}

.header::before {

content: '';

position: absolute;

top: -40px; right: -40px;

width: 200px; height: 200px;

background: radial-gradient(circle, rgba(42,122,191,0.2) 0%, transparent 70%);

border-radius: 50%;

}

.header-left h1 {

font-family: 'Oswald', sans-serif;

font-size: 2.1rem;

font-weight: 700;

letter-spacing: 1px;

color: #fff;

line-height: 1.1;

}

.header-left h1 span { color: #4db8ff; }

.header-left .subtitle {

font-size: 0.85rem;

color: #8fb8e0;

margin-top: 4px;

letter-spacing: 0.5px;

}

.header-right {

text-align: right;

}

.verdict-badge {

background: linear-gradient(135deg, #1db954, #0f9c3f);

border-radius: 30px;

padding: 8px 20px;

font-family: 'Oswald', sans-serif;

font-size: 1rem;

font-weight: 600;

letter-spacing: 1px;

text-transform: uppercase;

box-shadow: 0 4px 15px rgba(29,185,84,0.4);

white-space: nowrap;

}

.date-chip {

display: inline-block;

margin-top: 8px;

background: rgba(255,255,255,0.1);

border-radius: 20px;

padding: 4px 14px;

font-size: 0.78rem;

color: #b0cde8;

}

 

/* BODY */

.body { padding: 28px 36px; }

 

.locations-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 22px;

margin-bottom: 22px;

}

 

.location-panel {

background: rgba(255,255,255,0.04);

border-radius: 14px;

padding: 22px;

border: 1px solid rgba(255,255,255,0.08);

position: relative;

overflow: hidden;

}

.location-panel::before {

content: '';

position: absolute;

top: 0; left: 0; right: 0;

height: 4px;

}

.location-panel.rock-hall::before { background: linear-gradient(90deg, #2a7abf, #4db8ff); }

.location-panel.indian-river::before { background: linear-gradient(90deg, #e05a1c, #f7922a); }

 

.location-title {

font-family: 'Oswald', sans-serif;

font-size: 1.1rem;

font-weight: 700;

text-transform: uppercase;

letter-spacing: 1.5px;

margin-bottom: 3px;

}

.rock-hall .location-title { color: #4db8ff; }

.indian-river .location-title { color: #f7922a; }

 

.location-subtitle {

font-size: 0.72rem;

color: #8898aa;

letter-spacing: 0.5px;

margin-bottom: 14px;

text-transform: uppercase;

}

 

/* Fish rows */

.fish-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }

 

.fish-row {

display: flex;

align-items: flex-start;

gap: 10px;

background: rgba(0,0,0,0.25);

border-radius: 8px;

padding: 9px 12px;

}

 

.fish-icon { font-size: 1.4rem; line-height: 1; flex-shrink: 0; margin-top: 1px; }

 

.fish-info { flex: 1; }

.fish-name {

font-family: 'Oswald', sans-serif;

font-size: 0.88rem;

font-weight: 600;

letter-spacing: 0.5px;

color: #e8f4ff;

margin-bottom: 2px;

}

.fish-detail {

font-size: 0.71rem;

color: #8898aa;

line-height: 1.4;

}

 

.hot-bait {

background: rgba(255,165,0,0.08);

border: 1px solid rgba(255,165,0,0.2);

border-radius: 8px;

padding: 9px 12px;

margin-bottom: 10px;

}

.hot-bait-label {

font-family: 'Oswald', sans-serif;

font-size: 0.7rem;

text-transform: uppercase;

letter-spacing: 1px;

color: #f0a030;

margin-bottom: 4px;

}

.hot-bait-items {

font-size: 0.75rem;

color: #c8d8e8;

line-height: 1.5;

}

 

/* Conditions row */

.conditions-row {

display: flex;

gap: 8px;

flex-wrap: wrap;

}

.cond-chip {

background: rgba(255,255,255,0.06);

border: 1px solid rgba(255,255,255,0.1);

border-radius: 20px;

padding: 4px 11px;

font-size: 0.7rem;

color: #a0b8cc;

display: flex;

align-items: center;

gap: 4px;

}

.cond-chip .icon { font-size: 0.85rem; }

 

/* CRABBING STRIP */

.crabbing-strip {

background: linear-gradient(135deg, rgba(200,80,20,0.15) 0%, rgba(180,50,10,0.08) 100%);

border: 1px solid rgba(200,80,20,0.3);

border-radius: 12px;

padding: 16px 22px;

display: flex;

align-items: center;

gap: 18px;

margin-bottom: 20px;

}

.crab-icon-big { font-size: 2.5rem; flex-shrink: 0; }

.crabbing-content {}

.crabbing-title {

font-family: 'Oswald', sans-serif;

font-size: 0.85rem;

text-transform: uppercase;

letter-spacing: 1.5px;

color: #e07030;

margin-bottom: 4px;

}

.crabbing-text {

font-size: 0.75rem;

color: #b0c0cc;

line-height: 1.5;

max-width: 700px;

}

 

/* REG STRIP */

.reg-strip {

background: rgba(255,60,60,0.07);

border: 1px solid rgba(255,80,80,0.2);

border-radius: 10px;

padding: 12px 18px;

margin-bottom: 20px;

display: flex;

gap: 20px;

flex-wrap: wrap;

}

.reg-item {

display: flex;

align-items: flex-start;

gap: 8px;

flex: 1;

min-width: 200px;

}

.reg-icon { font-size: 1rem; margin-top: 1px; }

.reg-text {

font-size: 0.72rem;

color: #c0c8d0;

line-height: 1.4;

}

.reg-text strong { color: #ff8888; font-weight: 600; }

 

/* FOOTER */

.footer {

border-top: 1px solid rgba(255,255,255,0.06);

padding: 14px 36px;

display: flex;

justify-content: space-between;

align-items: center;

background: rgba(0,0,0,0.2);

}

.sources-label {

font-size: 0.68rem;

color: #556677;

letter-spacing: 0.5px;

}

.footer-logo {

font-family: 'Oswald', sans-serif;

font-size: 0.8rem;

color: #2a7abf;

letter-spacing: 1px;

opacity: 0.7;

}

</style>

</head>

<body>

<div class="card">

 

<!-- HEADER -->

<div class="header">

<div class="header-left">

<h1>🎣 <span>FISHING REPORT</span></h1>

<div class="subtitle">Rock Hall, MD &nbsp;·&nbsp; Indian River Inlet, DE</div>

</div>

<div class="header-right">

<div class="verdict-badge">✅ Good Day to Fish</div>

<div class="date-chip">📅 May 3, 2026</div>

</div>

</div>

 

<div class="body">

 

<!-- TWO LOCATION PANELS -->

<div class="locations-grid">

 

<!-- ROCK HALL -->

<div class="location-panel rock-hall">

<div class="location-title">Rock Hall, MD</div>

<div class="location-subtitle">Upper Chesapeake Bay</div>

 

<div class="fish-list">

<div class="fish-row">

<div class="fish-icon">🐟</div>

<div class="fish-info">

<div class="fish-name">Striped Bass (Rockfish) 🔥</div>

<div class="fish-detail">Harvest season opened May 1 — fish are aggressive, chasing lures up to the boat. Charter limits reported. 19–24" slot, 1/day.</div>

</div>

</div>

<div class="fish-row">

<div class="fish-icon">🐡</div>

<div class="fish-info">

<div class="fish-name">White Perch</div>

<div class="fish-detail">Big perch biting well across upper Bay; Havre de Grace area producing solid action.</div>

</div>

</div>

<div class="fish-row">

<div class="fish-icon">🐠</div>

<div class="fish-info">

<div class="fish-name">Blue Catfish · Hickory Shad</div>

<div class="fish-detail">Cat on cut bait near Bay Bridge north side. Hick shad (C&R) in lower Susquehanna.</div>

</div>

</div>

</div>

 

<div class="hot-bait">

<div class="hot-bait-label">🔥 Hot Baits &amp; Spots</div>

<div class="hot-bait-items">

Paddletails, jerkbaits, glide/twitch baits (light tackle) · Trolling main channel ledges · Main Bay stem & Bay Bridge area (north side for cats)

</div>

</div>

 

<div class="conditions-row">

<div class="cond-chip"><span class="icon">🌡️</span> 60°F water</div>

<div class="cond-chip"><span class="icon">💨</span> S 10–13 kt</div>

<div class="cond-chip"><span class="icon">🌤️</span> Partly cloudy</div>

<div class="cond-chip"><span class="icon">🌊</span> ~2 ft waves</div>

</div>

</div>

 

<!-- INDIAN RIVER -->

<div class="location-panel indian-river">

<div class="location-title">Indian River Inlet, DE</div>

<div class="location-subtitle">Coastal Inlet — Rehoboth Bay to Atlantic</div>

 

<div class="fish-list">

<div class="fish-row">

<div class="fish-icon">🪨</div>

<div class="fish-info">

<div class="fish-name">Tautog (Tog / Blackfish) 🔥</div>

<div class="fish-detail">Decent bite with keepers showing. Live sand fleas selling out by midday — get there early. Green crabs also working.</div>

</div>

</div>

<div class="fish-row">

<div class="fish-icon">🐟</div>

<div class="fish-info">

<div class="fish-name">Striped Bass</div>

<div class="fish-detail">Shorties in South Pocket (Big Chill area). Slot &amp; over-slot fish on north jetty end. Incoming tide best.</div>

</div>

</div>

<div class="fish-row">

<div class="fish-icon">🐡</div>

<div class="fish-info">

<div class="fish-name">Bluefish (Coming Soon) · Flounder</div>

<div class="fish-detail">Bluefish blitz expected by Mother's Day (~May 10–12). Flounder in bay on outgoing tide; harvest season opens mid-May.</div>

</div>

</div>

</div>

 

<div class="hot-bait">

<div class="hot-bait-label">🔥 Hot Baits &amp; Spots</div>

<div class="hot-bait-items">

Tog: live sand fleas & green crabs · Stripers: bucktails & swimbaits, north jetty end & South Pocket · Flounder: live minnows drifting sand bars (outgoing tide)

</div>

</div>

 

<div class="conditions-row">

<div class="cond-chip"><span class="icon">🌡️</span> 54–57°F water</div>

<div class="cond-chip"><span class="icon">💨</span> NNW 9 mph</div>

<div class="cond-chip"><span class="icon">🌊</span> Best: incoming tide</div>

</div>

</div>

 

</div><!-- end grid -->

 

<!-- CRABBING STRIP -->

<div class="crabbing-strip">

<div class="crab-icon-big">🦀</div>

<div class="crabbing-content">

<div class="crabbing-title">Crabbing — Rock Hall, MD</div>

<div class="crabbing-text">

Season is open (Apr 1–Dec 15) but <strong style="color:#e07030">expect slow-to-moderate action</strong> — water temps still climbing and bay-wide population is at near-record lows (~238M crabs, 2nd lowest on record). Try tidal creeks and grassy shallows. Patience required. Best action typically picks up as May progresses into warmer June water.

</div>

</div>

</div>

 

<!-- REGULATIONS STRIP -->

<div class="reg-strip">

<div class="reg-item">

<div class="reg-icon">⚠️</div>

<div class="reg-text"><strong>MD Striped Bass:</strong> 1 fish/person/day · 19–24" slot · South of Brewerton Channel only</div>

</div>

<div class="reg-item">

<div class="reg-icon">🚫</div>

<div class="reg-text"><strong>MD CLOSED Areas:</strong> Susquehanna Flats + spawning rivers off-limits through May 31</div>

</div>

<div class="reg-item">

<div class="reg-icon">📋</div>

<div class="reg-text"><strong>DE Flounder:</strong> Harvest opens mid-May — verify exact date &amp; size limits with DNREC before keeping fish</div>

</div>

</div>

 

</div><!-- end body -->

 

<!-- FOOTER -->

<div class="footer">

<div class="sources-label">

Sources: MD DNR · On The Water · Anglers Sport Center · Old Inlet Bait & Tackle · DE DNREC · NOAA Marine Forecast · CBF

</div>

<div class="footer-logo">FISHING REPORT</div>

</div>

 

</div>

</body>

</html>