Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive CSS Landing page.

@anusha-fatima

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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-Dev

Posted

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 helpful

1

@anusha-fatima

Posted

@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 GitHub
Discord logo

Join 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