Design comparison
Solution retrospective
I am proud of having reduced the time to complete the challenge. That means I consolidate knowledge. I will continue trying to improve in the next times.
What challenges did you encounter, and how did you overcome them?It takes a long time for @media to place a new image to be mobile responsive. I was trying code until I got it!
What specific areas of your project would you like help with?I would like to know if there is any trick to achieve responsive pages and not take a thousand years to achieve it.
Community feedback
- @danielmrz-devPosted 4 months ago
Hey there! šš½āāļø
Congrats on finishing the challenge! ā
Your project looks awesome!
Here's a tip that might interest you:
š When you have different versions of the same image, consider using the
<picture>
tag.This will help ensure the correct image loads on the user's device, saving bandwidth and boosting performance.
Example:
<picture> <source media="(min-width: 768px)" srcset="{desktop image path here}"> <img src="{mobile image path here}" alt="{alternative text here}"> </picture>
Hope you find this useful!
Great job overall!
Marked as helpful0@Mapp81Posted 4 months ago@danielmrz-dev Thank you so much! I am going to apply it in my next projects. The truth is I didn't know that. Greetings!
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