fast and efficient styling using tailwind css and react js

Community feedback

• 

  Juan Ramirez•170

  @JuanRamirez2000Posted about 1 year ago

  First off welcome! This is a really good first attempt and I hope my feedback pushes you in the right direction! I mainly have tips for using tailwindcss. They are minor but I do hope that they help

  • There is a className being used in the App.tsx file named "image" on a div that I don't believe is defined anywhere. Tailwindcss doesn't have a class for that

  • Text in tailwind can have its opacity dropped using their own percentage system. For example, you can do "text-white/40" which will color the text as white with opacity of 40%. This would style the bottom text for the QR code component to have the "gray" color

  • The image tag in App.tsx should have an alt="" property for accessibility

  • Keeping the text within the component should be a matter of sizing I believe. The way I would handle this is to have the component at a fixed height (though I am sure this is the wrong approach)

  2
• 

  AliyaDevNova•10

  @aliyabatoolalviPosted about 1 year ago

  Amazing try. Check my solution as well for this problem

  0