Main Page: Difference between revisions

Main Page (view source)

Revision as of 01:37, 30 April 2026

186 bytes removed , Thursday at 01:37

Hero cards: flexbox for full-width on mobile, 3-col on desktop

AILawWikiAdmin

Bureaucrats, Interface administrators, Administrators

438

edits

@@ Line 16: / Line 16: @@
 |}
-<!-- Three hero cards: News | Cases | Legislation — side-by-side on desktop, stack on mobile -->
+<!-- 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="display:inline-block; width:32%; min-width:250px; vertical-align:top; margin:0 0.5% 12px 0.5%; background:#ebf4ff; border-radius:12px; padding:1.2em 1em; border:1px solid #c3d9f0; box-sizing:border-box;">
+<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>
 '''[[News|News]]'''
@@ Line 28: / Line 28: @@
 </div>
-<div style="display:inline-block; width:32%; min-width:250px; vertical-align:top; margin:0 0.5% 12px 0.5%; background:#f3eeff; border-radius:12px; padding:1.2em 1em; border:1px solid #d9cef0; box-sizing:border-box;">
+<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>
 '''[[Cases|Cases]]'''
@@ Line 37: / Line 37: @@
 </div>
-<div style="display:inline-block; width:32%; min-width:250px; vertical-align:top; margin:0 0.5% 12px 0.5%; background:#e8f5e9; border-radius:12px; padding:1.2em 1em; border:1px solid #c5e0c6; box-sizing:border-box;">
+<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>
 '''[[Legislation|Legislation]]'''
@@ Line 46: / Line 46: @@
 </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>