How to use CSS flex gap in unsupported browsers
![How to use CSS flex gap in unsupported browsers](https://nosleepjavascript.com/static/af1c6c8f4b8fb254c590438cce983f15/38116/gap.png)
![](https://ishadeed.com/assets/css-mistakes/debugging-css.png)
How to detect browser support for Flexbox Gap
![](https://developer.chrome.com/static/blog/new-in-devtools-89/image/flexbox-guides.png)
What's New In DevTools (Chrome 89), Blog
column-gap CSS-Tricks - CSS-Tricks
![](https://img2022.cnblogs.com/blog/740516/202204/740516-20220406130046190-934224961.png)
CSS grid layout gap & flex layout gap All In One - xgqfrms - 博客园
![](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/1223/posts/108272/image-upload/browser_support_flexbox.jpeg)
CSS Grid vs. Flexbox: Which Should You Use and When?
![](https://i.stack.imgur.com/X6idd.png)
html - Nested CSS flexbox problem - only with Safari 14 / MacOS browser - Stack Overflow
![](https://i.stack.imgur.com/cfFC9.png)
next.js - Make flexbox gap available in older versions of browsers - Stack Overflow
![](https://aerolab.co/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fs1rnfuvk%2Fdevelopment%2F6d9f3588985f993a913cfde54ebe1b1692180477-1920x1080.jpg&w=3840&q=85)
Flexbox and Grids, your layout's best friends
Browser Support - Tailwind CSS
![](https://miro.medium.com/v2/resize:fit:748/1*nVXizzsYtge_P0j7Tt0GKw.png)
Prevent flex child from growing out of parent, by Farhad Adeli
![](https://developer.chrome.com/static/blog/new-in-devtools-88/image/emulate-image-types-972b876bf4d0c.png)
What's New In DevTools (Chrome 88), Blog
![](https://blog.logrocket.com/wp-content/uploads/2023/06/testing-browser-support-css-features-feature-queries.png)
Testing browser support of CSS features with feature queries - LogRocket Blog