css - 100% total width for flex items in flex container, with gap

$ 20.00

4.8 (203) In stock

I am trying to position elements in a flexbox with flex-wrap with gap in between Ideally the way this should be displayed is: On the first row the blue box taking the full width no gaps anywhere S

Details on Flexbox Layout - Alibaba Cloud Community

CSS flex-box Guide for anyone - DEV Community

Stop flex items matching the same height as others? - HTML & CSS

CSS Gap Property: A Beginner's Guide To Perfectly Spaced Layouts

CSS Gap creates a bright future for margins in Flex as well as

4. Flexbox Examples - Flexbox in CSS [Book]

Understanding flex-basis, flex-grow, and flex-shrink

Ordering flex items - CSS: Cascading Style Sheets

A Complete Guide to Flexbox

4. Flexbox Examples - Flexbox in CSS [Book]

Detailed Flexbox Tutorial for Beginners

/img/flexbox/2.png