NextJS, Tailwind

Community feedback

• 

  T

  Grace•31,090

  @grace-snowPosted 12 months ago

  Hi

  I'm afraid this is inaccessible because you have set the body font size in pixels. It is essential to never do that. Use rem for font size, never px. More info

  It's also important to label the image properly in this. Alt text is content, not code. This image is really important content so it must have a description that says what it is (QR code) and where it goes (to FrontendMentor.io)

  Lastly, it is essential this component does not have height or width on it, especially not in px. The component should not have a height at all - that will make it break for users who change their font size or when editors change the text inside the card. And instead of a width, the component should only have a max-width in rem

  1

  ---

  

  T

  Grace•31,090

  @grace-snowPosted 12 months ago

  Not essential, but it's recommended to keep the html as simple as possible and not add extra nodes for no reason. There's no need for extra divs wrapping the image or text content in this

  1

  

  P

  Thomas TS•810

  @ttsoaresPosted 12 months ago

  @grace-snow Thank you. Made all the changes. If it is not asking too much, could you offer any comment about my question at the solution:

  https://www.frontendmentor.io/solutions/nextjs-tailwind-st-p4w_Qgx

  0
• 

  marvellous cephas•270

  @marviecephasPosted about 1 year ago

  Hi, marvie here!

  I love your work. Can we connect :) [my github] (https://github.com/marviecephas)

  0

  ---

  

  P

  Thomas TS•810

  @ttsoaresPosted about 1 year ago

  @marviecephas Sure !

  0