florian/codiki-hexagonal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive styling of home page.

Browse Source
This commit is contained in:
Florian THIERRY
2024-06-12 13:15:03 +02:00
parent 78325c8729
commit 00d49d5fa4
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app/pages/home/home.component.scss
View File

@@ -11,6 +11,7 @@ $cardBorderRadius: .5em;
flex-direction: column; flex-direction: column;
gap: 2em; gap: 2em;
max-width: 50em; max-width: 50em;
width: 90%;
margin: auto; margin: auto;
.publication { .publication {
@@ -29,8 +30,20 @@ $cardBorderRadius: .5em;
img { img {
object-fit: cover; object-fit: cover;
height: 32em; height: 15em;
border-radius: $cardBorderRadius $cardBorderRadius 0 0; border-radius: $cardBorderRadius $cardBorderRadius 0 0;
@media screen and (min-width: 450px) {
height: 20em;
}
@media screen and (min-width: 600px) {
height: 25em;
}
@media screen and (min-width: 750px) {
height: 32em;
}
} }
.body { .body {