[frontend] Add new css-class for two row container
This commit is contained in:
parent
d78ad6d125
commit
7d90003fe7
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue