Design comparison
Solution retrospective
- I face some difficulty to made it mobile responsive. Hope you all will like it and give your honest feedback for this. -As a beginner i learn a lot of things from this simple challange.
Community feedback
- @TomasPereira-DevPosted about 1 year ago
Hey, what's up?, I just read your code, this tips will help you out.
1)Don't use absolute positioning unless you really need it, it makes everything more harder that it should be, you should'nt use it for laying out elements, it's useful for things like minor details, instead focus on how you position things with flexbox or grid. I reccomend you learning more about positioning with this freeCodeCamp course, it's fun, free and it gives you a free certification that you can use on linkedin to look for jobs in the future :), also this page is super useful, I learn a lot from it
2)Avoid "magic numbering"(trying random numbers in things like width, height, etc...) and using fixed widths/heights, this makes harder to make the page responsive, if you want to make a layout optimal for a lot of screens you need to have in mind that every screen is different, both flexbox and grid fix this problem making the layouts flexible to changes, the freeCodeCamp course that I mentioned before focus on teaching how to do precisely this.
A good way to learn is knowing first what are the most common problems with begginers, this video will be useful to understand better and discover some mistakes you might don't know you are doing
Sorry if it's too much text haha, I'm still learning how to teach or give feedback better :P, hope it helped a little, good luck!
Marked as helpful1@anusha-fatimaPosted about 1 year ago@TomasPereira-Dev , Thank you so much for your honest review and thank you so much for recommendations.
love. -Anusha.
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