Kevin Powell - Community•3y ago

Quick One: How to remove the gaps in the start and end of a div?

Can you please help me with this one? I have no clue how this happened. The gap should only be applied between child divs.

6 Replies

Jochem•3y ago

probably justify-content: space-between; on the flex parent

Daryl MOP•3y ago

Thanks but it doesn't fix the problem Ahh! I think I found the problem. It's probably because of the Pseudo elements!

Jochem•3y ago

if you include a codepen that demonstrates the problem, I can take another look, but with just the screenshots I don't really have enough information. That is if you haven't fixed it already 🙂

Daryl MOP•3y ago

[SOLVED] Lol! It's the pseudo elements! 😄

#footer-widgets[data-cols="5"] .container .row::before,
#footer-widgets[data-cols="5"] .container .row::after {
    display: none;
}

#footer-widgets[data-cols="5"] .container .row::before,
#footer-widgets[data-cols="5"] .container .row::after {
    display: none;
}

Daryl MOP•3y ago

Thanks for the help buddy!

Jochem•3y ago

ah nice, thanks for posting the solution too 😄

Gaming

Programming

Quick One: How to remove the gaps in the start and end of a div?

Did you find this page helpful?