typeof.eth 🔵 on Warpcast

Content pfp

0 reply

0 recast

0 reaction

typeof.eth 🔵 pfp

typeof.eth 🔵

I'm pretty sure the reason I've never loved Tailwind is that I don't use it enough to memorize all the classes. About to look up how to add a border for the millionth time even though I know the CSS rule for it.

9 replies

0 recast

20 reactions

typeof.eth 🔵 pfp

typeof.eth 🔵

Nvm, the inconsistencies get me too. A 2px bottom border is border-b-2, a 4px is border-b-4, but a 1px is just border-b 🤨

1 reply

0 recast

0 reaction

sean pfp

an ai tool like cursor is really good at getting tailwind out of a human readable description of what you need

1 reply

0 recast

2 reactions

Alex - chimp.fun 🙉 pfp

Alex - chimp.fun 🙉

Right it does have a steep learning curve AI promoting together with practice make it easier

1 reply

0 recast

1 reaction

Royal pfp

The class is border, spoilers 😂 I always forget centering vertically versus horizontally in flex but I goof that in both tailwind and css

1 reply

0 recast

2 reactions

jtgi pfp

recommend tailwind intellisense vscode plugin if you're not already using it. gives you autocomplete and you can hover any class to see raw css. https://marketplace.cursorapi.com/items?itemName=bradlc.vscode-tailwindcss

1 reply

0 recast

1 reaction

beeboop pfp

@typeof you can always set custom like border-[1px] or color-[#ffffff] i usually go with that instead of their preset classes

0 reply

0 recast

1 reaction

freeatnet 🗿🎩 pfp

freeatnet 🗿🎩

I find Tailwind docs surprisingly difficult to navigate, so I use a Tailwind cheatsheet https://tailwindcomponents.com/cheatsheet/ (it's getting a bit outdated being 3 minor versions behind, but still gets most things right)

0 reply

0 recast

1 reaction

Peter 0xPrado pfp

vs code extensions I recommend: 1. headwind: sorts classes for consistency 2. tailwind fold: hides classes so code is cleaner

0 reply

0 recast

0 reaction

taofeek.eth pfp

I do use and love it, yet some class names go missing in my head once a while.😅

0 reply

0 recast

0 reaction