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 result summary created by using HTML and CSS

PoteznyMocarzβ€’ 540

@PoteznyMocarz

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've created responsive result summary page, if you have any advice please write it in comments section 😁

Community feedback

Daniel Bardaβ€’ 240

@daniel-barda

Posted

Hey, Nice job.

But note that at about 738px, your design breaks.

You can fix this with another Media query .

Alternatively, you can use minmax and auto-fit And thus save you the Media queries.

I leave it to you for reference

https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/

I hope this will be helpful for you. 😊

Marked as helpful

0

PoteznyMocarzβ€’ 540

@PoteznyMocarz

Posted

Thanks bro πŸ˜€ @ProfessorWeb

0
Daniel Bardaβ€’ 240

@daniel-barda

Posted

@PoteznyMocarz Np.

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