hippoz/homepage
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

improve css responsiveness

Browse source
This commit is contained in:
hippoz 2022-08-27 15:57:49 +03:00
parent 134e1a98c4
commit 609c06a819
No known key found for this signature in database
GPG key ID: 7C52899193467641
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
out/res/style.css
View file

@ -31,6 +31,10 @@ br {
margin-top: 2px; margin-top: 2px;
} }
* {
box-sizing: border-box;
}
.card { .card {
margin: 6px; margin: 6px;
padding: 8px; padding: 8px;
@ -48,7 +52,7 @@ br {
.card.layout-card { .card.layout-card {
margin: 36px auto; margin: 36px auto;
padding: 26px; padding: 26px;
width: var(--cards-length); width: clamp(200px, 100%, var(--cards-length));
box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.40); box-shadow: 0 0 28px 3px rgba(0, 0, 0, 0.40);
} }
@ -115,9 +119,3 @@ br {
padding: 3px; padding: 3px;
margin: 8px; margin: 8px;
} }
@media screen and (max-width: 768px) {
.card.layout-card {
width: 80%;
}
}