ticketfrei/ticketfrei3
8
1
Fork 0
Code Issues 11 Pull requests 2 Projects 1 Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
kibicara-frontend/src/app/homepage/homepage.component.html
View file

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

13
kibicara-frontend/src/app/homepage/homepage.component.scss
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 { .banner2 {
background: url("../../assets/hoods3.jpg"); background: url("../../assets/hoods3.jpg");
background-size: 100%; background-size: 100%;
@ -75,4 +86,4 @@
h3 { h3 {
font-weight: bold; font-weight: bold;
font-size: 1.6375rem; font-size: 1.6375rem;
} }