Gaby
September 22, 2022, 2:38pm
1
Hi,
I am trying to style the photos displayed on my blog
I used this snippet
img {
vertical-align: middle;
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 4px 4px 20px 2px rgb(0 0 0 / 20%);
}
but I get white frames on the top and bottom of the photo. How can I fix it? thank you.
Here is an example of what I am talking about.
Thank You!
I don’t see any white frames…
pratik
September 22, 2022, 11:16pm
3
I’m seeing the white frames. Not sure how to fix it. Does it happen with all aspect ratios?
Gaby
September 22, 2022, 11:46pm
4
in your case will be some gray/dark frames, since you’re in dark mode
Gaby
September 22, 2022, 11:46pm
5
i don’t know
i haven’t messed up with the values in the code
The gray that I do see is the box shadow-- do you just not want that? It looked to me like you very intentionally added that.
Gaby
September 23, 2022, 2:33pm
7
Well, for some reason, in this same code, in other themes, the image covers the whole frame. Here, in Alpine, I get the top and bottom lines rather than the image covering the whole frame. And that is what I have no clue how to fix.