Design comparison
Solution retrospective
How do I make it more responsive? I thought that just converting every px to rem.
Community feedback
- @analuzcervantesPosted over 3 years ago
Hi! 🖖
Well done, it looks pretty good. I liked that you added comments to your code, it is a very good practice that not all of us usually follow.
Be well, keep coding! 💻👾
4@analuzcervantesPosted over 3 years agoI forgot to answer your question.
The only place where I don't see it responsive is when the device is in landscape orientation, to fix that you need to add styles with @media
For example, if you want to add a device with a width of 734 and a landscape orientation
You need:
@media (min-width: 734px) and (orientation: landscape) { ... }
1 - @RITESH29-webPosted over 3 years ago
Hi Daniel, I would suggest you add @media query with min-width or max-width values, it will give smooth transition for screen resizing.(I am also new to this and I am doing the same to update my project).
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