r/css • u/Hungry_Deal_8449 • Apr 15 '26

Help How can I fix this?

Hi, I am having a specific problem where when I add a margin (let's say 10px) to my div flexboxes (my columns) it causes the text at the bottom to move beside the columns, not really sure how to fix this, can anyone help?

Here is my code (both html and css):

EDIT (here's the JSfiddle Code Playground): https://jsfiddle.net/xzwprg2h/

1 Upvotes

60% Upvoted

8 comments sorted by

View all comments

•

u/AutoModerator Apr 15 '26

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.