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

Results Summary

@N4thxn

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 couldn't figure out how to get the corner borders without 80 lines of CSS, and even then I couldn't make heads or tails of what others posted online as their solutions. Hopefully one day I can revisit this project and confidently replicate it!

Community feedback

Matthieu 180

@Matt971x

Posted

Hi, congratulations on completing your challenge. To center a child in its parent you can use flex in this case:

body = parent .card = child

body { height:100vh; display:flex; justify-content:center; align-items:center; }

i'm a beginner too so i hope that my comment will be helpful. keep coding !

Marked as helpful

0

@N4thxn

Posted

@Matt971x,

Thank you for the comment, I was just practicing my main structure for HTML and CSS. I will go ahead and fix this though, thank you.

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