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

kawiarnia

Browse source
This commit is contained in:
bronkuu 2026-04-28 12:08:32 +02:00
parent 19b426adb3
commit 3739e17226
2 changed files with 87 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

99
style.css
View file

@ -132,6 +132,7 @@ nav > div {
background-color: var(--surface-container-low);
padding: 2rem;
& > div {
max-width: var(--max-content-width);
margin: 0 auto;
@ -281,63 +282,65 @@ nav > div {
margin: 6rem auto;
border-radius: var(--border-radius);
& > div {
padding: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
padding: 4rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
& > :first-child {
& > h3 {
color: var(--on-secondary-container);
font-size: 3rem;
margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
& > p {
color: var(--on-secondary-container);
font-size: 1.125rem;
opacity: 0.8;
margin-bottom: 2rem;
}
& li {
font-size: 1.25rem;
margin: 1rem 0;
& span {
margin-left: 1rem;
color: var(--on-secondary-container);
}
}
& > :first-child {
& > h3 {
color: var(--on-secondary-container);
font-size: 3rem;
margin-bottom: 1.5rem;
}
& > :last-child {
& > p {
color: var(--on-secondary-container);
font-size: 1.125rem;
opacity: 0.8;
margin-bottom: 2rem;
}
& li {
font-size: 1.25rem;
margin: 1rem 0;
& span {
margin-left: 1rem;
color: var(--on-secondary-container);
}
}
}
& > :last-child {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
& > div {
display: flex;
align-items: center;
}
& img {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
& > div {
display: flex;
align-items: center;
}
& img {
width: 100%;
border-radius: var(--border-radius);
position: relative;
border-radius: var(--border-radius);
position: relative;
}
}
& div:first-child > img {
top: -1rem;
}
& div:first-child > img {
top: -1rem;
}
& div:last-child > img {
top: 1rem;
}
& div:last-child > img {
top: 1rem;
}
}
}