
Article Preview Component | Next.js, Typescript, Tailwind Css
Design comparison
Solution retrospective
I’m torn between loving and hating TailwindCSS. At first, it really speeds up the process, but once you start working with specific breakpoints or making subtle tweaks, it slows down significantly. Debugging the CSS can also be tricky, since you can’t easily disable styles in the inspector like you can with CSS modules, and it becomes unclear at times. That said, I’ll keep using it because it’s very popular, and maybe I just need more practice to get the hang of it.
Community feedback
- @SpecroPosted 5 months ago
You can declare new values in tailwind config to avoid long classes e.g. for shadow you could add something like this:
card: '0 40px 40px -10px rgba(201, 213, 225, .5)'
and then use classshadow-card
in HTML.Well done replicating the design👍
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord