hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2024-11-07 08:05:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix image wider than text articles

Browse source 
Max width is now 700px like article, or 100vw if page is smaller than 700px.
This commit is contained in:
Hamza Nasher-Alneam 2024-06-19 09:03:16 -04:00 committed by GitHub
parent f53289f8d3
commit b40da3731e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
styles/thoughts.css
View file

@ -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;
@ -73,4 +83,4 @@ body {
@media only screen and (min-width: 900px) { @media only screen and (min-width: 900px) {
.content { padding: 0 6rem; } .content { padding: 0 6rem; }
} }