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

Result Summary Component

@mfreire1996

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 struggled to get a transparent background for my summary section. Can anyone help?

Community feedback

@Ragudos

Posted

Hello! Here are some tips:

  • To centralize the card, you can set a wrapper or the body itself to have a min-height of 100dvh or 100vh then add these:

display: flex; align-items: center; justify-content: center;

The snippet above centralizes an element inside of its wrapper/parent.

  • For a transparent background, just use the background CSS declaration and set it to "transparent".
0

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