alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 1 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
Download Patch File Download Diff File Expand all files Collapse all files

38
sass/parts/_cards.scss
View File

@@ -37,39 +37,39 @@
overflow: hidden;
}
@media all and (max-width:720px) {
@media all and (max-width: 720px) {
.cards {
gap: 18px;
}
}
.bloglist-table-row{
padding:2%;
background-color:var(--navbar-color);
.bloglist-table-row {
padding: 2%;
background-color: var(--navbar-color);
border-radius: 5px;
transition: 300ms;
width: 28%;
margin-right:1%;
margin-top:3%;
margin-right: 1%;
margin-top: 1%;
}
.bloglist-container{
display:flex;
.bloglist-container {
display: flex;
flex-wrap: wrap;
}
.bloglist-table-row:hover{
.bloglist-table-row:hover {
box-shadow: 10px 10px 0px var(--border-color);
}
.bloglist-links{
text-decoration:none;
.bloglist-links {
text-decoration: none;
}
.bloglist-table-row-data{
padding:10px;
.bloglist-table-row-data {
padding: 10px;
}
.bloglist-table-row-date{
font-size:12px;
.bloglist-table-row-date {
font-size: 12px;
}
@media only screen and (max-width:600px) {
.bloglist-table-row{
width:100%;
@media only screen and (max-width: 600px) {
.bloglist-table-row {
width: 100%;
}
}
}