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

css organization

Browse source
This commit is contained in:
bronkuu 2026-04-28 12:29:27 +02:00
parent 677c54e96d
commit a10e6b6dd9
2 changed files with 7 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components.css
View file

@ -51,9 +51,13 @@ p {
line-height: 1.5rem;
}
section {
padding: 1rem 2rem;
margin: 0 auto;
section, nav, footer {
padding: 8rem 2rem;
& > div:only-child, &:not(:has(>div:only-child)){
max-width: var(--max-content-width);
margin: 0 auto;
}
}
svg {

17
style.css
View file

@ -17,10 +17,6 @@ nav {
}
nav > div {
max-width: var(--max-content-width);
margin: 0 auto;
/* content inside */
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 1fr;
@ -131,11 +127,7 @@ nav > div {
.about-us {
background-color: var(--surface-container-low);
padding: 2rem;
& > div {
max-width: var(--max-content-width);
margin: 0 auto;
gap: 4rem;
display: grid;
grid-template-columns: 3fr 2fr;
@ -184,9 +176,6 @@ nav > div {
}
.featured-delights {
max-width: var(--max-content-width);
margin: 0 auto;
padding: 2rem;
gap: 2rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
@ -278,10 +267,7 @@ nav > div {
& > div {
background-color: rgb(from var(--surface) r g b / 0.6);
max-width: var(--max-content-width);
margin: 6rem auto;
border-radius: var(--border-radius);
padding: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
@ -349,9 +335,6 @@ nav > div {
footer {
display: grid;
grid-template-columns: 3fr 2fr 2fr;
max-width: var(--max-content-width);
margin: 3rem auto;
padding: 2rem;
gap: 1rem;
@media (max-width: 768px) {