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
Jochem•2y ago
probably justify-content: space-between; on the flex parent
Daryl M
Daryl M•2y 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
Jochem•2y 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 M
Daryl M•2y 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 M
Daryl M•2y ago
Thanks for the help buddy!
Jochem
Jochem•2y ago
ah nice, thanks for posting the solution too 😄
Want results from more Discord servers?
Add your server