@NIk22517
Posted
Hey @syrykh-feit, I'm impressed how much your first challenge is good the design is basically matching the figma files, amazing!
Here's one tip for you:
Improve the semantics by replacing the <div>
and use <section>
which is a better tag, remember that <div>
doesn’t have any practical meaning is just a block of elements, so for a big block of elements use semantic tags.
This is a good resource to understand more about semantic tags:
https://www.w3schools.com/html/html5_semantic_elements.asp
And for the <img>
tag try using this
<picture>
<source
srcset="mobile.jpg"
media="(max-width: 620px)"
/>
<img
src="desktop.jpg"
alt="Office Workers Smiling"
/>
</picture>
✌️ I hope this helps you and happy coding!
Marked as helpful