[frontend] Add new css-class for two row container

This commit is contained in:
hagi 2020-09-06 00:12:39 +02:00
parent d78ad6d125
commit 7d90003fe7
2 changed files with 15 additions and 6 deletions

View file

@ -47,15 +47,13 @@
<a mat-raised-button [routerLink]="['/hoods']">Discover hoods!</a>
</div>
<div class="howto-container">
<div class="howto-container-2">
<div class="howto">
If you want to run your own hood for your community, you can read our
FAQ(link tba) for hood-admins.
</div>
<div class="howto">
If you want to help with the development of Kibicara check out our Github(link).
</div>
<div class="howto">
(not sure what goes here, maybe social media)
If you want to help with the development of Kibicara check out our
Github(link).
</div>
</div>

View file

@ -57,6 +57,17 @@
}
}
.howto-container-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5%;
margin: 10%;
@media (max-width: 600px) {
grid-template-columns: 1fr;
gap: 1%;
}
}
.banner2 {
background: url("../../assets/hoods3.jpg");
background-size: 100%;
@ -75,4 +86,4 @@
h3 {
font-weight: bold;
font-size: 1.6375rem;
}
}