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 design using flexbox

REDDDAX 30

@REDDDAX

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


the most difficult part is the media query

Community feedback

Aanu-TT 150

@AanuTT

Posted

Hello @REDDDAX. Well-done is in order for the completion of the task. Writing media query, it is best to target 2 major components, the body and the card (container). Having the first tip in mind, work in percentages so you can scale up or down as required.

Might I add, check codes of those with more experience, it was helpful for me, learning media query.

Marked as helpful

0

REDDDAX 30

@REDDDAX

Posted

hi @AanuTT thank you so much , am still a beginner at this so am still learning .the media query was the hardest things in this project so i spent long time trying to understand ,change things and see how it effects the page. i'll put what you said in mind next time and thanks again

0

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