Simon
KPCKevin Powell - Community
•Created by Simon on 11/15/2024 in #front-end
CSS – building a cohesive spacing economy in website projects
This is a principle and etiquette question.
-# kind of like the mobile-first topic
A thing that bugs me with every project is setting ground stones for default CSS properties that come with HTML elements.
Do I eliminate all vertical spacing, do I only remove e.g. margin-bottom, on which elements do I remove them, how do I deal with first- and/or last-child ~
We mostly run into inconsistencies between headings, paragraphs, lists, images, ... don't we?
My goal is finding something like a guideline, workflow, best practices on how to approach this topic after applying normalizing rules,
because I feel like there (at least) must be generally valid overlaps.
Often I tend to dislike approaches that popular frameworks provide – it's maybe modular but is it future proof and maintainable?
Do we really live in a time where we adjust code rather than write it, it seems tedious.
How do you tackle this? ...
... do you find yourself mostly overriding given spacing properties because you dislike their approach and/or it's unfit to meet the demand
... do you apply your own « mini boilerplate » that generally suits common content-elements
If you have opinions, articles, blog-posts and such, feel free to share them. or call me an oddly bland pumpernickel for thinking about this 🙃
-# cheers
5 replies