Confused with gap in flexbox objects

Gap between the red box and the bordered text needs to go, cannot figure out what causes this gap to be there.
16 Replies
Wouter Schaap
Wouter Schaap16mo ago
What's the HTML like?
Brightie
Brightie16mo ago
Brightie
Brightie16mo ago
The display:flex is put on choice-border I do have box-sizing:box-border, if that is of any use for the solution
winston
winston16mo ago
go into the dev tools and click on the square with the arrow, the function that highlights elements when you hover over them in the browser. hover over the elements around the gap and see what is causing it. hope this makes sense :)
Brightie
Brightie16mo ago
Margin and padding is both 0, the gap also shows nothing
Brightie
Brightie16mo ago
Brightie
Brightie16mo ago
Unless my margin and padding from my *, ::after, ::before selector does not apply to this
winston
winston16mo ago
open all those arrows and hover over each one by one
Jochem
Jochem16mo ago
you should really share your code in an interactive format codepen is best, otherwise something like codesandbox or anything similar
Brightie
Brightie16mo ago
Do you meanvia codepen, jochem? Yeah I can put it into codepen if that would make it easier for you guys
Wouter Schaap
Wouter Schaap16mo ago
If you put the <img/><p><a></a></p> in the same line without any spaces. Try that for one.
Brightie
Brightie16mo ago
Did not fix it :( I will put it into codepen, give me a moment
Wouter Schaap
Wouter Schaap16mo ago
Would have been surprised if it did. Really old layout bug related to something like this. Codepen would be easiest
Brightie
Brightie16mo ago
Quick question, which is the link I need to send for the codepen? It is pretty much my first time using it
Brightie
Brightie16mo ago
Jochem
Jochem16mo ago
yup, that's it I'm not sure what's causing this, I'm not that knowledgable about CSS, but setting the images to display: block; and giving them some content (I used some placeholder images from https://picsum.photos) removes the gap
Want results from more Discord servers?
Add your server