Hello guys! I know elements is built based on tailwind which is mobile first breakpoint, but is it possible for you guys to add an option for the highest breakpoint first?
I am having a bit of a hard time having to keep the changes since A higher breakpoint is easier to start working for me and every time I get to mobile I have to work back to fix those higher breakpoints.
Would make life way easier!
Thanks for the amazing work ever since.
Hi @vinioliv
I totally understand where you’re coming from, starting with larger breakpoints and working downward can feel more intuitive depending on your workflow.
That said, the way Tailwind (and CSS in general) works is based on a mobile-first approach. This means styles apply by default to the smallest screen sizes and are progressively overridden as the screen size increases. It’s not something Elements (or Tailwind) can reverse without fundamentally breaking how CSS cascading and specificity work.
In short, CSS doesn’t support a “desktop-first” cascade — there’s no built-in way to define styles at the largest breakpoint and then selectively override downward. You’d end up writing redundant or conflicting code in most cases.
That said, once you get used to the mobile-first mindset, it actually helps ensure your designs are more flexible and accessible across all devices.
We’re always open to improving the workflow where we can, so if there are specific areas where it feels like a struggle, please let us know — we may be able to offer a tip or improve that experience.
Thanks again! 