438
edits
(Make hero cards responsive — stack on mobile, side-by-side on desktop) |
(Hero cards: flexbox for full-width on mobile, 3-col on desktop) |
||
| Line 16: | Line 16: | ||
|} | |} | ||
<!-- Three hero cards: News | Cases | Legislation — | <!-- Three hero cards: News | Cases | Legislation — flexbox: 3 cols desktop, full-width stacked on mobile --> | ||
<div style="margin-bottom:1.5em;"> | <div style="display:flex; flex-wrap:wrap; gap:12px; margin-bottom:1.5em;"> | ||
<div style=" | <div style="flex:1 1 280px; background:#ebf4ff; border-radius:12px; padding:1.2em 1em; border:1px solid #c3d9f0; box-sizing:border-box;"> | ||
<div style="font-size:2em; margin-bottom:0.35em;">📰</div> | <div style="font-size:2em; margin-bottom:0.35em;">📰</div> | ||
'''[[News|News]]''' | '''[[News|News]]''' | ||
| Line 28: | Line 28: | ||
</div> | </div> | ||
<div style=" | <div style="flex:1 1 280px; background:#f3eeff; border-radius:12px; padding:1.2em 1em; border:1px solid #d9cef0; box-sizing:border-box;"> | ||
<div style="font-size:2em; margin-bottom:0.35em;">⚖️</div> | <div style="font-size:2em; margin-bottom:0.35em;">⚖️</div> | ||
'''[[Cases|Cases]]''' | '''[[Cases|Cases]]''' | ||
| Line 37: | Line 37: | ||
</div> | </div> | ||
<div style=" | <div style="flex:1 1 280px; background:#e8f5e9; border-radius:12px; padding:1.2em 1em; border:1px solid #c5e0c6; box-sizing:border-box;"> | ||
<div style="font-size:2em; margin-bottom:0.35em;">🏛️</div> | <div style="font-size:2em; margin-bottom:0.35em;">🏛️</div> | ||
'''[[Legislation|Legislation]]''' | '''[[Legislation|Legislation]]''' | ||
| Line 46: | Line 46: | ||
</div> | </div> | ||
</div> | </div><!-- ═══ LATEST UPDATES ═══ --> | ||
<!-- ═══ LATEST UPDATES ═══ --> | |||
<h2 style="font-family:Georgia,serif; color:#1a365d; border-bottom:2px solid #1a365d; padding-bottom:0.2em;">📄 Latest Updates</h2> | <h2 style="font-family:Georgia,serif; color:#1a365d; border-bottom:2px solid #1a365d; padding-bottom:0.2em;">📄 Latest Updates</h2> | ||