NoahOct 5, 2024

Small CSS rant + Asking for advice

https://lemmy.dbzer0.com/post/29084266

Small CSS rant + Asking for advice - Divisions by zero

Making a site JavaScript-less with bootstrap but the CSS is kicking my ass- I do the code directly as it is meant to be, then I try to add one thing and it breaks. I’m gripping on w3schools for dear life and I just can’t seem to wrap my head around anything other than the basics. CSS is pain ESPECIALLY when i’m doing it on an external sheet. (I don’t want to do internal because all the text gets overwhelming.) Anyone have some ideas to help with this?

Show threadm4m4m4m4
Bootstrap is highly opinionated imho, i.e. it’s great if you want to do something that lies within its style or else you’ll have a hard time. If that’s your case, and of course if this is a possibility, you can consider moving to another framework - say, Tailwind.
Oct 5, 2024 at 10:07pmWeb
Show threadNoahOct 5, 2024
I like that it has built in mobile friendliness and a way to just make text fit buy filling in and auto adding the padding needed. What is tailwind?
Show threadm4m4m4m4Oct 6, 2024
en.wikipedia.org/wiki/Tailwind_CSS
Tailwind CSS - Wikipedia

Show threadspartanatreyuOct 8, 2024

Tailwind leads to just as much class soup as bootstrap, so avoid it all together.

Your website shouldn’t need classes everywhere to work. Use something that sets proper defaults then only use classes where they’re needed. Like picocss or purecss.

Pico CSS • Minimal CSS Framework for semantic HTML

Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

Pico CSS