make homepage responsive

This commit is contained in:
Aadil Ayub 2022-01-20 17:14:40 +05:00
parent 2149a5a4c5
commit 39e95cfca8

View File

@ -762,6 +762,10 @@ footer a:hover {
/* mobile styles */ /* mobile styles */
@media (max-width: 480px) { @media (max-width: 480px) {
body {
display: initial;
}
#top-menu { #top-menu {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -838,13 +842,17 @@ footer a:hover {
} }
/* card styles */ /* card styles */
.summary-text { .card,
font-size: 17px; .card.network {
min-width: none; max-width: 83vw;
max-width: 16ch;
} }
.card.shout h2 a { .card .summary-text {
font-size: 17px;
min-width: 30ch;
}
.card h2 a {
font-size: 26px; font-size: 26px;
} }
} }