![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/ase0umbjiyq28zqbfeu3.jpg)
Submitted over 2 years ago
skilled e-learning landing page Vanilla HTML & CSS
P
@tarasis
Design comparison
SolutionDesign
Solution retrospective
My last newbie project and still learning. Any feedback welcomed, particularly regards using img srcset
I tried to do a more complex img
tag for the fallback for picture/source but couldn't get it to work. This was what I was trying to do
<img src="assets/logo-dark.svg" srcset="
assets/image-hero-mobile.png 435w,
assets/image-hero-tablet.png 695w,
assets/image-hero-desktop.png 1046w" sizes="
(max-width: 767px) 87vw,
(max-width: 1439px) 83vw,
(max-width: 2000px) 870px,
1000px"
class="">
in the end I just went with a simpler one with the mobile image at 1x and 2x.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord