Min Naing Ko Ko• 210
@minnaingkoko
Posted
Great Job! Keep going.
Marked as helpful
0
KyleIsaacMendoza• 250
@KyleIsaacMendoza
Posted
@minnaingkoko thank you
1
Submitted
Responsive Result Summary Component Preview using grid,flex,em,rem
KyleIsaacMendoza• 250
@KyleIsaacMendoza
Design comparison
Solution retrospective
I still find it difficult to build responsive and still need a bit of practice but someday i'll get the hang of it. I'm unsure on some CSS lines like If it's better to use grid on it or just do it manually. If there is anything I can improve, I'm glad to change it.
Community feedback
Abdul Khaliq 🚀• 72,660
@0xabdulkhaliq
Posted
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
- I have other recommendations regarding your code that I believe will be of great interest to you.
CSS 🎨:
- let me explain, How you can easily make the design as responsive.
- The current
media-querywith1440pxhas some disadvantages which lacks to responsive on certain laptop screens, it will only suited for desktops with larger moniter.
@media screen and (min-width: 1440px) {
// Styles
}
- Instead try this
media-querywith56.25em, it ensures the device if more than tablet screen
@media screen and (min-width: 56.25em) {
// Styles
}
.
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
0
KyleIsaacMendoza• 250
@KyleIsaacMendoza
Posted
@0xAbdulKhalid Ohh i see, Thank you and i'll take note on that.
0
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