Topics

Kevin Powell - Community•17mo 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•17mo ago

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

Daryl M•17mo 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•17mo 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•17mo 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•17mo ago

Thanks for the help buddy!

Jochem•17mo ago

ah nice, thanks for posting the solution too 😄

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

How to make element not focusable with tab navigationwant to use button element but Its imperative that you cant select it with tab I'm watching youtube tutorial ABout VUe.js but im getting these errorscan somebody help me why im getting these error , it is prob the link that i added for vue.js or idk lint-staged, npx installed on every runHey folks, I setup the lint-staged to run in a pre-commit every time I commit some changes but the Feedback on icons used to display the respective word Help ironing transition from Mobile to Desktop version? (especially images!)Project link: https://elaborate-sunflower-107ab4.netlify.app/ What was supposed to be fun little wa More file structure, this time webpack flavoured!Thought I'd make another thread as this is kind of a different, but very related, question I've bee How to make a border like the picture below?How do i make a border like the design here. I thought of making a div, giving it height and width, Webpack5 and productionI'm using Tailwind, vanilla js and webpack 5 - I was just wondering what different config settings I Is there a good way to resize checkbox and radio button inputs for Safari?I need to double the size of the checkboxes and radio button inputs for this design system project I position:fixed problemSo I have a grid, 1fr 1fr 1fr and i want the first grid position fixed. But other grids start overla