i'm tired of seeing people use margin-top on every single child element in a list. it's such a mess when you try to remove the last item or add an empty div. if you're using flex direction column, just set the gap property on the parent container instead.
.stack {display: flex;flex-direction: column;gap: 1rem;}it's
way cleaner and handles the spacing between items perfectly without any extra logic. what are you guys using to handle spacing in your vertical layouts?