Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Hello Sef Palima, congratulations for your new solution!
Here’s a suggestion to improve your solution responsiveness. To make your solution even better and more responsive, you can create a media query to break the elements in the
pricing section
and make every content in a different row saving space for low resolution devices.@media (max-width: 350px) { .row-4 { display: flex; flex-direction: column; } }
Think about using relative units as
rem
orem
instead ofpx
to improve your performance by resizing fonts between different screens and devices.Anyhow, if we want a more accessible website, then we should use rem instead of px. REM does not just apply to font size, but to all sizes as well.✌️ I hope this helps you and happy coding!
0
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