img width in content section

This commit is contained in:
Collin Lefeber 2025-02-16 16:49:48 -05:00
parent e21d2b0ea7
commit 0dd5418e46
2 changed files with 7 additions and 1 deletions

View file

@ -73,7 +73,7 @@ Now to pick some colors starting with dark mode as it's my system preference.
This alone actually will make the background dark based on your browser's defaults which is perfect. This alone actually will make the background dark based on your browser's defaults which is perfect.
<img height="500px" width="auto" src="/img/style_a_blog_1.png" /> ![base styles test](/img/style_a_blog_1.png)
At this point I might consider just leaving the colors up to the browser! Why not, the main goal here is just readability. At this point I might consider just leaving the colors up to the browser! Why not, the main goal here is just readability.

View file

@ -52,6 +52,12 @@ hr {
overflow-y: scroll; overflow-y: scroll;
} }
section.content {
p img {
width: 100%;
}
}
@media (width < 600px) { @media (width < 600px) {
main { main {
width: 100%; width: 100%;