Desktop Safari Seems To Add Extra Padding To CSS Flexbox Item

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).

A Comprehensive Guide to CSS Flexbox with Real-World Examples, by RoyChng

Building a dialog component, Articles

Extra space below footer. How do I fix this? : r/webdev

How to set vertical space between the list of items using CSS ? - GeeksforGeeks

A Complete Guide to Flexbox

Flexbox Tutorial HTML & CSS Is Hard

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

How to Use Flex to Make Your Website More Responsive

How to make Flexbox items the same size using CSS ? - GeeksforGeeks

html - Safari leaves space between element - Stack Overflow

html - Flexbox Div not containing all elements in Safari, but works fine in Chrome - Stack Overflow

Build Smart CSS-only Layouts with Flexbox