HTML, CSS , CSS GRID, GIT , BEM , FIRST MOBILE

Community feedback

• 

  Daniel 🛸•44,290

  @danielmrz-devPosted 5 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on finishing the challenge! ✅

  Your project looks awesome!

  Here's a tip that might interest you:

  📌 When you have different versions of the same image, consider using the <picture> tag.

  This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.

  Example:

  <picture>
      <source media="(min-width: 768px)" srcset="{desktop image path here}">
      <img src="{mobile image path here}" alt="{alternative text here}">
  </picture>
  

  Hope you find this useful!

  Great job overall!

  Marked as helpful

  0

  ---

  

  JuniorFrontDev•30

  @JuniorFrontDevPosted 5 months ago

  @danielmrz-dev Hello, I just implemented the picture syntax for different images, I had two questions that I hope you can help me solve, the first is if this syntax has good support in browsers, I couldn't find much about that on caniuse.com, the second The question is that I noticed that my container at a resolution of 1440px grew a little, so why is that happening and is it not the same as when I applied a div container?

  1

  

  Daniel 🛸•44,290

  @danielmrz-devPosted 5 months ago

  @JuniorFrontDev This syntax has a very good browser compatibility.

  About the container growing, I checked your project and that behaviour is not happening here. I've tried on different browsers and it didn't happen.

  The tag change should not cause this behaviour though. It's probably something else.

  0