@Alex-Archer-I
Posted
Hi!
It's quite a neat work, cool =)
Bu you can take more from picture
tag, by the way =)
This tag should contain one img
and different source
tags:
<picture>
<source srcset="mobile.jpg" media="(max-width: 40rem)">
<img src="desktop.jpg" alt="">
</picture>
This way the picture
will check media conditions from the source
tags and choose one of them. If no one condition match it'll display img
. Also you can change display
of picture
to block
and style it directly without wrapping div. The less tags, the better =)
Except main
tag. Every page should contain main
tag.
Hope that could help =) Keep doing =)
Marked as helpful
@ishika-santhalia
Posted
Thanks for the advice Alex! I'll implement it from now on :)