Design comparison
Solution retrospective
how can i learn responsive web dev?
Community feedback
- @adram3l3chPosted almost 3 years ago
Learn flex box and grid, those are the roots of responsive web dev
Marked as helpful0 - @skyv26Posted almost 3 years ago
Hi! Gabriel, I checked your work and I tested your design on both Desktop and mobile viewport using Inspector.
Rather than I write down all issues, I think it is better to tell your weak areas in CSS.
As I saw your design on desktop and mobile view then I would say you have few things that need to be understand in order to move on next challenge and will help you to make design successfully with almost zero issue.
-
You have used em as units and for you information
1em = 2rem
and 1rem = 16px (default). -
em and rem both have no impact on media queries. So keep this in your mind .
Overall I would say if you solve your sizes problem then you design will come to its normal shape.
Best of luck
Marked as helpful0@enderNTPosted almost 3 years ago@skyv26 is it good if i try to use all the sizes in percentage? or is it more advisable to use pixels?
0@skyv26Posted almost 3 years ago@enderNT It depends upon our choices, if you are comfortable with pixels, it is ok, but some times we need some fast calculation or adjust the size, position of any element then other unit can makes our lives easy to easily resize anything.
I use all units, you can also use all but you atleast know the right use of all units.
Now you asked me is it good to use %age then, it again depends upon your design. No one can give guarantee that %age always solve all kind of sizes and postioning problem in all kind of work.
%age meant to use in the reference of your device viewport. So It is i think not advisable in my opinion to always use %age in your whole project. I am not saying you can't use, you can use but if you know what are you doing and what you want and what you get
I hope you understand.
Good Luck
0 -
- @Ya911Posted almost 3 years ago
Fabulous
Marked as helpful0@skyv26Posted almost 3 years ago@Ya911 My friend it is absolutely not fabulous.
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