CSS Useful Tricks

Doc.md

CSS Useful Tricks

Bottom Padding in Scrollable overflowing content

My workaround for fixing this bug in my project was (helpful when you want the children centered with margin: auto in a flex container if there is no scroll.):

.overflowing-container > *:last-child:after {
     display: block;
     height: 1rem; /* Match bottom padding */
     margin-bottom: -1rem; /* Move it outside */
     content: "";
 }

Credits: w3c/csswg-drafts#129 (comment)