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

fix hero

Browse source
This commit is contained in:
bronkuu 2026-04-28 11:12:18 +02:00
parent 259490b5de
commit 36bb68bda3
1 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
style.css
View file

@ -81,16 +81,15 @@ nav > div {
.hero { .hero {
max-width: var(--max-content-width); max-width: var(--max-content-width);
height: 800px;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
gap: 2rem; gap: 2rem;
padding: 2rem;
@media (max-width: 768px) { @media (max-width: 768px) {
gap: 0;
grid-template-columns: 1fr; grid-template-columns: 1fr;
padding-bottom: 4rem;
& > :last-child { & > :last-child {
grid-row: 1; grid-row: 1;
} }
@ -136,11 +135,16 @@ nav > div {
max-width: var(--max-content-width); max-width: var(--max-content-width);
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
gap: 2rem;
display: grid; display: grid;
grid-template-columns: 60% 40%; grid-template-columns: 6fr 4fr;
gap: 1rem;
align-items: center; align-items: center;
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
& :first-child { & :first-child {
width: 100%; width: 100%;
display: grid; display: grid;
@ -152,7 +156,7 @@ nav > div {
border-radius: var(--border-radius); border-radius: var(--border-radius);
position: relative; position: relative;
border: 8px solid var(--surface-container-low);
} }
& div:first-child > img { & div:first-child > img {