Skip to content
Submitted over 1 year ago

Results summary card using flexbox

william•40
@cmwfx
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

This was really challenging for me and would love any feedback on my CSS because i feel like its a bit messy. Any feedback would be greatly appreciated.

Community feedback

  • Agun Akindele•350
    @agun36Posted over 1 year ago

    do this to look more okay #mobile-first .content-container{ padding:1.5rem; overflow-hidden; border-radius background-color:white; remove height; display:grid; }

    desktop media query to start form min-width:767px

    .container{ grid-template-columns:1fr 1fr ; place-items:center; }

    Marked as helpful
    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