Loopstudios homepage

Community feedback

• 

  André Miranda•420

  @codi-Andre

  Posted 3 months ago

  Your code looks good! Your solution is very close to the design.

  You can improve in some areas, here are some of my suggestions:

  1. Your site does not have a width limit, in large screens it will continue to spread and break the design, container strategy allow you to specify a max width, take a look at tailwind documentation: https://tailwindcss.com/docs/responsive-design

  2. Text above image has some accessibility issues, text needs consistent contrast, to see some examples of what I am talking you can check my solution. Here are some tips you can try:

  • Add an overlay
  • Lower the image contrast
  • Colorize the image
  • Add a text shadow

  3. Add a cursor style to interactive elements, it's something already familiar to users and help them know which elements of the page are clickable:

  className="cursor-pointer"
  
  # or
  
  .any-button, .any-link {
    cursor: pointer;
  }
  

  00

  Marked as helpful