51 lines
706 B
CSS
51 lines
706 B
CSS
.wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--Space-x15);
|
|
}
|
|
|
|
.information {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: var(--Space-x2);
|
|
grid-template-areas:
|
|
"address drivingDirections"
|
|
"contact socials"
|
|
"email email"
|
|
"ecoLabel ecoLabel";
|
|
font-style: normal;
|
|
}
|
|
|
|
.address {
|
|
grid-area: address;
|
|
}
|
|
|
|
.drivingDirections {
|
|
grid-area: drivingDirections;
|
|
}
|
|
|
|
.contact {
|
|
grid-area: contact;
|
|
}
|
|
|
|
.socials {
|
|
grid-area: socials;
|
|
}
|
|
|
|
.socialIcons {
|
|
display: flex;
|
|
gap: var(--Space-x1);
|
|
align-items: center;
|
|
}
|
|
|
|
.email {
|
|
grid-area: email;
|
|
}
|
|
|
|
.ecoLabel {
|
|
grid-area: ecoLabel;
|
|
display: flex;
|
|
gap: var(--Space-x15);
|
|
color: var(--Text-Secondary);
|
|
}
|