Thinking of a way to have a custom gap between some flex or grid items.

IShadeed offers insights into frontend development, CSS architecture, and web design principles, providing tutorials, articles, and workshops to help developers master CSS and create visually appealing user interfaces. By exploring IShadeed's curated content, developers can learn about CSS layout techniques, responsive design patterns, and CSS animation effects for enhancing the look and feel of web applications. Whether you're a frontend developer, UI designer, or CSS enthusiast, IShadeed offers resources to improve your CSS skills and elevate your frontend development projects.

Ahmad Shadeed

The post discusses various methods for managing spacing between items in flexbox and grid layouts. It explores adjusting vertical margins, wrapping elements in a new container to re-apply flexbox, and using default flow layouts with margins. The author proposes the idea of a native CSS feature to set custom gaps between items, similar to the `align-self` property, though it's not yet valid in current browsers.

Self Gap

Current options to change the gap between items

This is actually not a bad idea 💡, innit <a href="https://app.daily.dev/kevinpowell" data-mention-id="GiZIr4Yw7Vf2lBNJ3Bn47" data-mention-username="kevinpowell" translate="no">@kevinpowell</a> ?

Firstly, I really appreciate someone trying to innovate in the CSS space, since it’s already such a powerful tool, and well established. The OP has some real gusto, and I tip my cap.
However, I guess I don’t understand this. I use flex all the time, and I always use gap as a minimum, when using align/justify. however if something needs to break the normal flow, I always just step in to a new div, since that maintains the hierarchy of importance. The example provided, while good at demonstrating how this would be used, isn’t ideal, since there are relatively straight forward solutions to the problem.
I’d be open to seeing a follow up with a more complex case, especially one where this would be used more often, since having a new rule for a one off case also isn’t ideal.