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

about us fix

Browse source
This commit is contained in:
bronkuu 2026-04-28 10:17:11 +02:00
parent a85fcce022
commit e240ea01e9
1 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

47
style.css
View file

@ -109,7 +109,6 @@ nav > div {
.about-us {
background-color: var(--surface-container-low);
max-height: calc(100vh - var(--nav-height) - 2rem);
& > div {
max-width: var(--max-content-width);
@ -121,33 +120,27 @@ nav > div {
align-items: center;
& :first-child {
display: flex;
align-items: center;
align-content: center;
position: relative;
height: 100%;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
& > img {
& img {
width: 100%;
border-radius: var(--border-radius);
border: 0.5rem solid var(--surface);
position: absolute;
max-height: 80%;
position: relative;
&:first-child {
aspect-ratio: 1031/580;
height: auto;
right: 20%;
bottom: 10%;
}
&:last-child {
aspect-ratio: 1/1;
height: auto;
z-index: 10;
left: 50%;
top: 10%;
}
}
& div:first-child > img {
top: -1rem;
}
& div:last-child > img {
top: 1rem;
}
}
& :last-child {
@ -174,6 +167,7 @@ nav > div {
flex-direction: row;
justify-content: center;
gap: 3rem;
& > div {
width: 100%;
@ -216,11 +210,14 @@ nav > div {
top: 0;
transition: top 0.2s;
&:hover {
top: -10px;
& img {
scale: 1.1;
}
& svg {
margin-left: 10px;
}
@ -238,11 +235,13 @@ nav > div {
.kawiarnia {
background-color: var(--secondary-container);
& > 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);
& > div {
padding: 4rem;
display: grid;
@ -292,9 +291,11 @@ nav > div {
}
& div:first-child > img {
top: -1rem;
}
& div:last-child > img {
top: 1rem;
}