qreastech/MNQ-Catering-y-Evento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: mobile improvements — hamburger menu, responsive typography, grid fixes

Browse Source
This commit is contained in:
Manuel
2026-05-08 01:24:57 +02:00
parent c3667512e5
commit 58eb6dc952
6 changed files with 189 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/corporativo-business.astro
+5 -3
View File
@@ -143,17 +143,19 @@ import MainLayout from '../layouts/MainLayout.astro';
<style>
.corp-bento {
display: grid;
gap: var(--space-8);
grid-template-columns: 1fr;
gap: var(--space-4);
}
.corp-wide, .corp-tall { position: relative; min-height: 20rem; }
.corp-wide, .corp-tall { position: relative; min-height: 18rem; }
@media (min-width: 48rem) {
.corp-bento {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 22rem 22rem;
gap: var(--space-8);
}
.corp-wide { grid-column: span 2; }
.corp-tall { grid-row: span 2; }
.corp-tall { grid-row: span 2; min-height: auto; }
[style*="grid-column:span 12"] { grid-column: span 6 !important; }
[style*="height:28rem"] { height: 36rem !important; }
}