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

CSS, HTML, mobile first, responsive design

@JeffersonSilemen

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 align the two divs in the desktop design with the inline-block display.

Community feedback

@faisalahmed11

Posted

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
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