Simon
KPCKevin Powell - Community
•Created by Simon on 2/26/2025 in #front-end
[semi-solved] unwanted 1fr gaps
https://codepen.io/sdmedworld/pen/emYBOaJ
window-resizing required – please see the above [spicy] codepen.
I am trying to achieve a versatile layout component using a grid-template.
Regarding the ruleset for
layout-container I thought, that the calculation which subtracts one gap-width from the content-width, would prevent the blowout and overflow – but it does not.
After back and forth, I don't know why anymore.
The issue that comes along with this, is that the "outside" gaps towards the 1fr columns mingle with the inline-padding of the layout-container. Now where have I taken a wrong turn?14 replies
KPCKevin Powell - Community
•Created by Simon on 11/26/2024 in #front-end
Aligning two diagonal gradients of separate elements
1 replies
KPCKevin Powell - Community
•Created by Simon on 11/20/2024 in #front-end
JS – Calling a PHP public function with vanilla javascript
2 replies
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