John Denverβ’ 290
@jbidz
Posted
Hi there, good job on taking this challenge
Here are my suggestions that you might need to consider
- To make the image responsive for every devices you could use
picture
element and display different images in different breakpoints usingmedia
attribute. The code will look like this:
<picture>
<source srcset="image-mobile.jpg" media="(max-width: 600px)"/>
<img src="image-desktop.jpg" alt="" />
</picture>
- To identify the main content of the page you want to wrap your entire component inside the
main
element.main
element helps search engines and other web technologies understand the most important content on a page, which can affect how the page is indexed and displayed in search results.
Refer MDN main element
If you found this feedback helpful, please consider to mark this as helpful.
2