further css tweaks

This commit is contained in:
Nuno Sempere 2023-07-09 02:15:50 +00:00
parent 0a5c23079d
commit d145779ed0

View File

@ -360,13 +360,17 @@ img + em {
} }
/* Set image-frontpage-center size across devices */ /* Set image-frontpage-center size across devices */
@media screen and (max-width: 700px) { @media screen and (max-width: 1000px) {
body {
display: block;
font-size: 40px;
}
.img-frontpage-center { .img-frontpage-center {
width: 60%; /* 700px * 0.6 = 420px */ width: 60%; /* 700px * 0.6 = 420px */
} }
} }
@media screen and (min-width: 700px) and (max-width: 1500px) { @media screen and (min-width: 1000px) and (max-width: 1500px) {
.img-frontpage-center { .img-frontpage-center {
width: 420px width: 420px
} }
@ -378,12 +382,10 @@ img + em {
} }
} }
/* General media stuff */ /* General media stuff */
@media screen and (max-width: 1500px) { @media screen and (max-width: 1500px) {
body { body {
display: block; display: block;
font-size: 40px;
} }
.hidden-mobile { .hidden-mobile {
display: none; display: none;