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