Hello, fellow campers.
I am currently working on my first project for the Responsive Web Design certificate.
My issue is this white line at the bottom of the image. I want to remove it and understand why it happens.
Type O Negative - Tribute Page
I know it’s not from the actual image. I checked that.
After inspecting the code, it seems to come from
<div class="image_container">, but I am not entirely sure.
Any help will be great.
P.S.: I hope I formatted the topic correctly. I’m still new at the forum.
it’s kind hacky but maybe try:
It works, thanks. But this isn’t the "proper"way to fix it, is it?
I also wanted to know why it happens and work on the root cause of the issue.
But thank you for the quit reply.
The white bar comes from the image. By default there will be a little bit of padding around the image. Get rid of this default with
The first image doesn’t use display block and second does
I hope this answers your question better
Thank you for the explanation. It worked!
Edit: THIS PEN better shows the difference between inline ( the default ) and block: