@mattstuddert
Posted
Hey Lucas, great work again. This is definitely a project that looks easy enough at first glance but has some interesting challenges within.
For the responsive image, I'd recommend having a look into the picture
element. Here's a good resource to get you started. Using the picture
element you can conditionally render images all in the same element based on media queries with your HTML attributes. This means you don't need to duplicate the img
tag and hide elements, you could instead re-order elements using Grid or Flexbox.
Hope that helps. Let me know if you have any questions!
@gomezlucas
Posted
@mattstuddert Great advice Matt! I didnt know about that tag, thanks so much!
@mattstuddert
Posted
@gomezlucas you're welcome! It's a really useful element for responsive images in your HTML. I use it all the time! 👍