add static address + map block

This commit is contained in:
2024-07-07 16:47:33 +02:00
parent aeb5c88a54
commit e03e2624db
17 changed files with 298 additions and 8 deletions

View File

@@ -0,0 +1,59 @@
.addressSection {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: var(--spacing-gap-column);
row-gap: var(--spacing-gap-row);
align-items: flex-start;
container-type: inline-size;
margin-bottom: var(--spacing-gap-row);
}
.text {
grid-column: 2 / span 4;
h2 {
margin: 0 0 var(--spacing-s);
max-width: var(--size-width-p);
}
a {
text-decoration-thickness: .1rem;
text-decoration-color: var(--color-goldenOrange);
font-weight: 500;
transition: text-decoration-color var(--transition-easing);
&:hover {
text-decoration-color: currentColor;
}
}
}
.map {
grid-column: 6 / span 6;
iframe {
border: none;
width: 100%;
height: auto;
min-height: 16rem;
}
}
@media (max-width: 1200px) {
.text {
grid-column: 1 / span 5;
}
.map {
grid-column: 6 / span 7;
}
}
@container (max-width: 800px) {
.text,
.map {
grid-column: 1 / -1;
}
}