Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
- Using grid CSS layout and use it to implement responsiveness to mobile and tablet.
- Implementing grid CSS to desktop, tablet and mobile
- Take a quick look at its explanation in css-tricks website
- determine which breakpoints I should work on in media queries.
Community feedback
- @hl-wongPosted 3 months ago
Hello there! Good job on complete this challenge.
The breakpoints I can suggest to you is what I usually used:
- Tablet - 768px
- Laptop/Desktop - 1024px
I have seen your code that you have use
64em
, which is1024px
for laptop/desktop. You can check this from StackOverflow, and this from Reddit for which breakpoints you should work in media queries.I hope this is helpful to you. Good luck, and happy coding! :D
Marked as helpful0
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