Meet landing page

Community feedback

• 

  Lena•230

  @lenanle333Posted 8 months ago

  Great job in creating a responsive website! The layout looks great and it looks very similar to the original design.

  Here is some feedback:

  1. Make sure you're sizing down the fonts so that tablet and mobile views can get the best user experience.
  2. I see that you applied a lower opacity for the footer image, that ended up making the elements within it transparent as well.
  3. When using header tags, make sure there is only one h1 tag on a page and make sure you are using them in order (h2 → h3 → h4...). You can always change the font sizes accordingly.

  Lastly, this is a tip that was given to me in a previous challenge that I thought would be helpful to you.

  📌 You can use the <picture> tag when you have different versions of the same image.
  
  Using the <picture> tag will help load the correct image to the user's device, saving bandwidth and improving performance.
  
  Example:
  
  <picture>
      <source media="(max-width: 460px)" srcset="{desktop image path here}">
      <img src="{mobile image path here}" alt="{alternative text here}">
  </picture>
  

  0