mohamed nasr• 140
@stitch-606
Posted
use @media(max-width:768px) and make your mobile design look better
1
Design comparison
Solution retrospective
I tested on Chrome and did my best there. After I was finished, I looked at it on Firefox and Microsoft Edge, and it's terrible on those two. Why so different? How do I keep that from happening? In Chrome, the vertical layout of the right-hand side doesn't stretch out over the entire section. I have no idea how to fix that. I welcome all constructive criticism. What are good resources to learn how to layout items using CSS?
Community feedback
Mahmoud• 150
@Mamouty
Posted
For this challenge it's better to use the CSS grid to make the component responsive. Follow this link CSS Grid. Also make sure to change the image at break points, for that you should use the <picture> html element. You can find more about it here picture-element
1
Please log in to post a comment
Log in with GitHub
Join 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