Miia
KPCKevin Powell - Community
•Created by Miia on 12/6/2024 in #front-end
Tailwind class for min-height: 50vh;
That should do it!
3 replies
KPCKevin Powell - Community
•Created by Raheel on 11/15/2024 in #front-end
Using different resources to style pages #
The way I would do it is to use a very light-way CSS framework to start with (classless probably) but with some variables defined. Not sure I would want a gridsystem in that framework (as displays for flexbox and grid is more or less enough these days) but maybe.
Then for each component I would add I would "translate" it into my CSS framework and add classes for that component.
16 replies
KPCKevin Powell - Community
•Created by Dev_HK on 11/17/2024 in #front-end
i wanna know if i'm doing css responsive wrong
I would use maximum 4 breakpoints, sometimes none. This would depend on the content.
For a article type text, this could be without any breakpoints at all.
For a grid I would use 3 typically. (1-2 column on mobile, 2-3 on tablet and 4-5 on desktop).
For a over-the-fold more custom design I could add in a XL screen breakpoint on top of the three for the grid. But it depends a bit on how I worked with the content. If I use SVGs and are a bit cleaver from the start I might get away with less.
6 replies