Skip to content
Submitted over 1 year ago

CSS, HTML, mobile first, responsive design

Jefferson Silemen•50
@JeffersonSilemen
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 align the two divs in the desktop design with the inline-block display.

Community feedback

  • Faisal Ahmed•410
    @faisalahmed11Posted over 1 year ago

    Hi there, I checked you code, you just need to add the below styles .container{ display: flex; align-items:center; justify-content:center;

    }

    and then there will be no need for below styles.

    top: 50%; left: 50%; transform: translate(-50%, -50%);

    HOPE YOU WILL FIND THIS HELPFUL.

    HAVE A NICE CODING.

    Marked as helpful
    2

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