mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
Fix image wider than text articles
Max width is now 700px like article, or 100vw if page is smaller than 700px.
This commit is contained in:
parent
f53289f8d3
commit
b40da3731e
1 changed files with 11 additions and 1 deletions
|
@ -37,6 +37,16 @@ body {
|
||||||
transition: .2s;
|
transition: .2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.article img {
|
||||||
|
max-width: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
.article img {
|
||||||
|
max-width: 100vw; /* For screens less than 700px wide */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.tempAlert {
|
.tempAlert {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: -10rem;
|
bottom: -10rem;
|
||||||
|
|
Loading…
Reference in a new issue