Can any CSS pros let me know what I need to change to make the posts on this page not fill the entire screen at all? I think it’s fine on mobile, but looks too wide on desktop I think. https://acn.lol/ thank you!
Can any CSS pros let me know what I need to change to make the posts on this page not fill the entire screen at all? I think it’s fine on mobile, but looks too wide on desktop I think. https://acn.lol/ thank you!
@AndyNicolaides Try max-width: 40em;
in your body element. You can adjust as you see fit to make it narrower.
@AndyNicolaides Also, if you want to decrease the image size in your Micro.blog site, since you're already running a custom version of Tiny theme, you can go into the template's main.css file, find the following CSS (about halfway down), and either delete width: 100%;
or comment it out like /*width: 100%;*/
. Just don't forget that you've edited it if you ever update the theme files.
article img,
.e-content img,
.p-summary img {
width: 100%;
height: auto;
border-radius: 5px;