Desktop Safari Seems To Add Extra Padding To CSS Flexbox Item Inside List 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).

Justify content: space-between; is not working. please explain - HTML-CSS - The freeCodeCamp Forum

A Complete Guide to Flexbox

Spacing in CSS

How To Combine Flexbox and CSS Grids for Efficient Layouts

CSS Flexbox Tutorial: A Complete Guide

javascript - How to use Material-UI Grid for SPA (negative margin problem) - Stack Overflow

Adjusting the number of blog items per row, for tablets, in a Brine blog page • Beatriz Caraballo

The Difference Between Margin Vs Padding In CSS

Minimum sizing of nested flexbox in Safari · Issue #271 · philipwalton/flexbugs · GitHub

html - There is extra space in my div of the header on the left? - Stack Overflow