Design comparison
Solution retrospective
I don't know which size is right to be responsive,please tell me about it
Community feedback
- @palgrammingPosted over 3 years ago
if you have not worked through this free certification it might help you a lot. https://www.freecodecamp.org/learn/responsive-web-design/
Marked as helpful1 - @LennyManPosted over 3 years ago
Hi, about sizes I used to style the page in a mobile-first approach. So a do my style first for the mobile layout and then with media queries I scale up to tablets and desktops.
The size that I used are:
<768px for MOBILE ;
min-width: 768px to 1023px for TABLET;
min-width: 1024px for DESKTOP;
My css looks like this:
.myClass {
//mobile style
}
@media (min-width: 768px) {
.myClass {
//tablet style
}
@media (min-width: 1024px) {
.myClass {
//desktop style
}
}
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