Responsive Nuxt 3 + Tailwind CSS

Solution retrospective
Feedback will be appreciated 🙌.
when using tailwind I am inconsistent between using px or rem, especially at sizes that are not found in the tailwind utility such as 41px, 53px or something else. any tips?
note: remove &type=solution
in url if want see better
Please log in to post a comment
Log in with GitHubCommunity feedback
- @9CB5
This is a good solution! Well done.
You should be using rem when possible, and you can do custom rem values in tailwind with something like
w-[50rem]
.The code looks very solid, but there's no need for the css classes that you made in the
index.vue
file if you setup your tailwind config properly and use the relevant tailwind classes.Refer to my solution to see a demonstration of the concepts above.
Marked as helpful
Join 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