Desktop Safari Seems To Add Extra Padding To CSS Flexbox Item

$ 14.99

4.6
(287)
In stock
Description

Ben Nadel demonstrates a wonky behavior in Desktop Safari in which the first CSS Flexbox item has extra padding if - and only if - it is rendered inside of a List Item. This works properly in Chrome, Firefox, and even IE 11 (well, almost).

html - Safari leaves space between element - Stack Overflow

CSS Flexbox: Three Columns, Web Design & Development Tutorials

padding-top - CSS: Cascading Style Sheets

CSS Flex: What Every Developer Should Know

How to set space between the flexbox ? - GeeksforGeeks

html - Safari flex-grow behavior different from Chrome/FF/Edge

WebKit Features in Safari 17.0

Spacing strategy - Client-First

Ordering flex items - CSS: Cascading Style Sheets

Elementor Container Spacing Issues on Older Browsers (Safari 14 & Under)