Responsive page using css

Community feedback

• 

  P

  Mohamed Kabba•220

  @Mohamedkabba444Posted about 2 months ago

  Great job on completing this project! Your coding skills and attention to detail are impressive.

  One suggestion I have is to consider using the <picture> element and <source> tags for images, especially when providing multiple image sizes for different screen sizes. This approach allows for:

  1. Better image optimization
  2. Improved performance
  3. Enhanced responsiveness

  For example:

  <picture> <source srcset="image-small.jpg" media="(max-width: 768px)"> <source srcset="image-medium.jpg" media="(max-width: 1200px)"> <img src="image-large.jpg" alt="Image description"> </picture>

  This technique ensures that the browser loads the most suitable image size based on the user's screen size, reducing unnecessary downloads and improving page load times.

  Keep up the fantastic work, and looking forward to seeing more projects from you!

  Marked as helpful

  0