QR Code component solution (React/TypeScript/Tailwind)

Community feedback

• 

  P

  Dave Quah•650

  @Milleus

  Posted about 3 years ago

  Tailwind 😍 nicely done!

  I have a couple of minor suggestions:

  • The flex flex-col can be removed as the elements would naturally stack.

  <div class="flex flex-col bg-white p-5 border rounded-3xl w-[24rem]">
  // can be updated to
  <div class="bg-white p-5 border rounded-3xl w-[24rem]">
  

  • Tailwind has a space utility that acts like flex/grid's gap, but without having to add the flex/grid property.

  <div class="flex flex-col text-center gap-6 p-7">
  // can be updated to
  <div class="text-center space-y-6 p-7">
  

  Of course if the flex flex-col was added with intention, that's perfectly fine as well 😊

  Happy coding o/

  11

  Marked as helpful
• 

  Pablo Montoya Varela•300

  @PaliTriesToDesign

  Posted about 3 years ago

  Congrats! I like your solution.

  I would add just one more thing: box-shadow to the card. Nothing important.

  c:

  11

  Marked as helpful