Design comparison
Solution retrospective
How do I become a pro at using media queries? It's a big issue for me.
Community feedback
- @okeke-ugochukwuPosted over 1 year ago
Hi Esther. First of all, great job! 👏
The answer you are looking for is "practice".
Cliche? Lol, I know, but that's actually it. But still, here are some tips:
- Generally, the idea of breakpoints is the points (widths & sometimes heights) at which your website's layout becomes visually imbalanced. So they should be created in relation to your website's content not necessarily screen sizes. But this takes time to master. So here's what you could do:
There are traditional breakpoints that work for most layouts:
- 480px { mobile }
- 768px { tablet }
- 1024px { small screens, laptops }
- 1200px And above { desktops } (Google for more detailed info)
Now, these breakpoints are not set in stone, but they're popular as they're cover many device widths. So, you could practice with these on projects with minimal layout. As you begin to get the hang of it, you can move on to more complex layouts. With time you would be able to create you own custom breakpoints, relative to the website's content and build cooler stuff 😎
Just practice. I hope this helps.
Marked as helpful2@Esther-OmonoPosted 5 months agoThank you so much. I apologize for responding after a whole year 😅. But thank you once more. Yoir advice will really go a long way for me @okeke-ugochukwu.
0 - @Olarra18Posted over 1 year ago
Yeah, I think it good to know the raw before going for framework as a beginner. Without knowing the raw css code it will be a bit difficult to amend framework code
2@Esther-OmonoPosted 5 months agoThank you so much. I apologize for responding after a whole year. @Olarra18
0 - @LarryGomezJrPosted over 1 year ago
You should know first the breakpoints of the devices; I advice to start first to know TailwindCSS, It's a framework for styling. Easy to use since the breakpoints are easy to modify.
1@okeke-ugochukwuPosted over 1 year agoI would not recommend the later statement.
No matter how difficult it may be, get very comfortable with basics (raw syntax) before moving on to frameworks, in any language.
2@Esther-OmonoPosted 5 months agoThank you very much. I really appreciate. I apologize for the late response. @LarryGomezJr
0@Esther-OmonoPosted 5 months agoThank you. I'll take note of that. @okeke-ugochukwu
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