Loopstudios challenge React, TailwindCSS

Community feedback

• 

  P

  Mohammed BAHNINI•1,060

  @mohammedbahniniPosted 10 months ago

  Hi, nice result for this challenge, although I have some points you can improve:

  • Don't give a max-width to the body, this solution is not great for larger screens, instead you can create a container class and give it max-width and paddings (left and right only).
  • To make the text overlap the image you can use position absolute for the text.
  • For see all button, you can use an anchor tag or a button and give it the style.
  • Instead using two sections for the grid, you can use one section and put the images in a picture tag (this going to help a lot in term of responsiveness).

  Marked as helpful

  0