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

Responsive result summary component using @media tags

@Similoluwa10

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


How can I vertically align an element to the centre? How do I make better use of linear gradient?, Can it be used in specific proportions?

Community feedback

@SouleymaneSy7

Posted

Set the body element height to 100vh and use flexbox or grid to center it like so:


body {
  height: 100vh;
  display: grid;
  place-items: center;
}

And don't use inline css style. Instead separate your css and html. Put the css in another file and use the link tag to connect it with the html. However it a good work 👏👍

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