Intro section with dropdown navigation - HTML / CSS / JAVASCRIPT

Community feedback

• 

  S MD suleman•3,530

  @sulemaan7070Posted almost 2 years ago

  hey @RafaelHDSV 😄, congratulations on completing the challenge... here are a few tips to make your site better.

  1.I see that you have used the desktop-image on both mobile and desktop versions.You can find the image-hero-mobile in the images folder..you can responsively change the image with the help of the picture element.

  2.Using the picture element for responsively switching between Images is considered as best practice

  <picture>
    <source media="(min-width: 650px)" srcset="img_food.jpg">
    <source media="(min-width: 465px)" srcset="img_car.jpg">
    <img src="img_girl.jpg">
  </picture>
  

  more about picture element here📚

  3.The padding that you have given padding: 5rem 5rem 2.5rem 5rem; seems a bit more compared to the design..

  hope that helps happy coding💯🔥

  0