Why does flexbox gap add white space before/after children, and
$ 18.99
In stock
5
(717)
![](https://global.discourse-cdn.com/webflow1/original/3X/7/3/735b9c2754b8f20cbd42e7e1bcc5de4131671615.jpeg)
![](https://global.discourse-cdn.com/sitepoint/original/3X/a/7/a7f969eae004c6947eb694799e60ca52b61aec58.png)
Flex right and left division with certain gap in the middle - HTML & CSS - SitePoint Forums
![](https://uploads.sitepoint.com/wp-content/uploads/2023/08/1691975899gaps.jpg)
How to Use the CSS gap Property — SitePoint
![](https://miro.medium.com/v2/resize:fit:1400/1*e04SpMSCr5n18gBW4DDTBA.png)
Exploring CSS Flexbox: Getting Started with the Basics, by Ritika Agrawal
Basic concepts of flexbox - CSS: Cascading Style Sheets
![](https://coryrylan.com/assets/images/cory-rylan-gde.png)
CSS Gap Space with Flexbox
![](https://coryrylan.com/assets/images/posts/types/css-1280x720.png)
CSS Gap Space with Flexbox
![](https://ishadeed.com/assets/headers-flexbox/header-flex-basis-2.png)
Building Website Headers with CSS Flexbox
![](https://uploads.sitepoint.com/wp-content/uploads/2023/08/1691992918css-grid-property1-768x434.jpg)
How to Use the CSS gap Property — SitePoint
![](https://ubwp.buffalo.edu/art320/wp-content/uploads/sites/103/2022/09/image-10.png)
Ex03: CSS Flexbox – ART 320 Web Design