News for hackers. Stuff that matters.

A comment on Mobile-First CSS: Is It Time for a Rethink?. Parent comment

Re:Mobile-First CSS: Is It Time for a Rethink? by codemonkey-zeta on Sunday June 19, 2022 @10:22PM (#31805659)
Just curious, what utility div classes and what frameworks?

I've tried using tailwind and semantic ui very briefly, but wasn't aware they provided any responsive-oriented classes.

[ Parent | on HN ]
Re:Mobile-First CSS: Is It Time for a Rethink? by legopeice on Sunday June 19, 2022 @11:40PM (#31806057)
Tailwind has the sm: lg: and xl: prefixes that let you target screen size.

eg. you can give an element a class of "sm:p-2 lg:p-4 xl:p-8" to give different padding sizes.

the docs are here: https://tailwindcss.com/docs/responsive-design

[ Parent | on HN ]
Re:Mobile-First CSS: Is It Time for a Rethink? by acover on Sunday June 19, 2022 @10:35PM (#31805717)
Maybe things like tailwind's max-w-lg which let's you use a media query to set the width.
[ Parent | on HN ]
Re:Mobile-First CSS: Is It Time for a Rethink? by 1123581321 on Monday June 20, 2022 @12:18AM (#31806231)
Bootstrap or tailwind, plus a handful copied from project to project. Just the usual fractions of width, width and aspect ratio constraints, padding, and so on.
[ Parent | on HN ]