alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

🐛 fix: improve responsiveness of home banner

Browse Source
This commit is contained in:
welpo 2023-02-05 02:06:54 +01:00
parent 8b28ea75d6
commit 1f11e8480e
2 changed files with 41 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/parts/_cards.scss
View File

@ -50,7 +50,7 @@
transition: 300ms; transition: 300ms;
width: 28%; width: 28%;
margin-right: 1%; margin-right: 1%;
margin-top:3%; margin-top: 1%;
} }
.bloglist-container { .bloglist-container {
display: flex; display: flex;

14
sass/parts/_home-banner.scss
View File

@ -11,6 +11,7 @@
width: 22%; width: 22%;
overflow: hidden; overflow: hidden;
border-radius: 10px; border-radius: 10px;
text-align: center;
} }
#home-banner-text { #home-banner-text {
@ -29,9 +30,13 @@
line-height: 1.75rem; line-height: 1.75rem;
color: var(--text-color); color: var(--text-color);
} }
.banner-home-img { .banner-home-img {
border-radius: 50%; border-radius: 50%;
max-height: 80%; max-width: 15rem;
max-height: 15rem;
width: 100%;
height: auto;
border: none; border: none;
} }
@ -41,13 +46,16 @@
margin: 0 auto; margin: 0 auto;
} }
.banner-home-img {
max-width: 12rem;
max-height: 12rem;
}
.image-container-home { .image-container-home {
width: 95%; width: 95%;
height: 50vh;
} }
#home-banner-text { #home-banner-text {
width: 95%; width: 95%;
} }
} }