Skip to content
Submitted 9 months ago

Results Summary

Keith Bloodworth•110
@N4thxn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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
    @Matt971xPosted 9 months ago

    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
    Keith Bloodworth•110
    @N4thxnPosted 9 months ago

    @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

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