mirror of
https://gitlab.com/Anson-Projects/zine.git
synced 2025-06-15 21:26:38 +00:00
fix viewing on smaller screens
This commit is contained in:
parent
29e793b1a4
commit
ecd2843a43
@ -18,10 +18,25 @@
|
|||||||
.featured img {
|
.featured img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
max-width: 40%;
|
||||||
max-height: 30vh;
|
max-height: 30vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured hgroup {
|
.featured hgroup {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive adjustments */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
|
||||||
|
.featured header {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured hgroup {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user