Responsive Nuxt 3 + Tailwind CSS

Community feedback

• 

  Chris•520

  @9CB5Posted over 1 year ago

  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

  0

  ---

  

  dimar hanung•560

  @dimar-hanungPosted over 1 year ago

  @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 🥲

  1

  

  Chris•520

  @9CB5Posted over 1 year ago

  @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 😭

  0