Design comparison
SolutionDesign
Solution retrospective
Hi! This is my solution <3
Community feedback
- @tweetandcodePosted over 1 year ago
Looks great, responsive!.
You can add this to make it even better,
Right now it loads both the mobile image and the desktop image all the time. <picture> tag will just load one of them depending on the context.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
Hope this helped
Marked as helpful1@CarolinaDangeloPosted over 1 year agoHi @tweetandcode! Sorry, I don't understand your message about the <image> tag. I have added the desktop image in html and the mobile image in css. Thank you!
Edit* Omg, now I understand, thank you very much for your contribution!
1
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