@9CB5
Posted
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
@dimar-hanung
Posted
@9CB5
Thanks for feedback!, you are right we can customize it, but the problem is when we see in figma the default is px, and to calculate it is sometimes annoying what else when the result is something like 3.3125 rem 🥲
@9CB5
Posted
@dimar-hanung Yeah, one of my biggest gripes with these challenges is the use of very specific values that makes it hard to perfectly replicate the design without the figma file 😭
