bronku/piekarnikgosipl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

max width

Browse source
This commit is contained in:
bronkuu 2026-04-16 18:21:22 +02:00
parent 20e777281b
commit 39fdba550b
2 changed files with 5 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
base.css
View file

@ -8,4 +8,5 @@
--on-background: #363227; --on-background: #363227;
--nav-height: 4rem; --nav-height: 4rem;
--border-radius: 48px; --border-radius: 48px;
--max-content-width: 80rem;
} }

4
style.css
View file

@ -17,6 +17,8 @@ nav {
background-color: color-mix(in srgb, var(--surface), transparent 20%); background-color: color-mix(in srgb, var(--surface), transparent 20%);
padding: 1rem; padding: 1rem;
height: var(--nav-height); height: var(--nav-height);
max-width: var(--max-content-width);
margin: 0 auto;
/* content inside */ /* content inside */
display: grid; display: grid;
@ -55,6 +57,8 @@ nav {
.hero { .hero {
height: calc(100vh - var(--nav-height) - 2rem); height: calc(100vh - var(--nav-height) - 2rem);
padding: 1rem 2rem; padding: 1rem 2rem;
margin: 0 auto;
max-width: var(--max-content-width);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;