My brother in Christ TailwindCSS just gives classes that let you do inline styling in a shorter syntax! (and theme configuration, but mostly inline styling)
Replace width: ...px with w-..., margin-left: ... with ml-... and margin-right: ... with mr-....
Setting both horizontal margins is mx-... and both vertical margins is my-....
If you can do inline styling, TW just makes the syntax a bit shorter, but that’s it, really.
If using plain CSS, usually it’s enough to set
widthappropriately, andmargin-leftandmargin-righttoauto.If using a Modern Frontend/CSS Framework, then may God have mercy on your poor soul.
(Seriously I just started a new project with TailwindCSS and I’m so confused. But not entirely desperate yet.)
w-... mx-auto, replace the 3 dots with your desired width value, and that’s it with tailwindMy brother in Christ TailwindCSS just gives classes that let you do inline styling in a shorter syntax! (and theme configuration, but mostly inline styling)
Replace
width: ...pxwithw-...,margin-left: ...withml-...andmargin-right: ...withmr-.... Setting both horizontal margins ismx-...and both vertical margins ismy-....If you can do inline styling, TW just makes the syntax a bit shorter, but that’s it, really.
I’m doing a small hobby project (a ladder/ranking system for playing beer sports with my community), and I tried out Tailwind.
I gave up and loaded Bootstrap instead, but I will probably end up just writing all the CSS myself.
Seems so silly to have 15 CSS classes on a single DOM element…