Skip to content
Submitted over 1 year ago

Responsive Result Summary Component

Isaac Fleurivil•30
@isaacfleurivil
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

What are some best practices for mobile responsiveness I can use to improve? During responsive design, how do I vertically move the entire project to the top of the page?

Community feedback

  • Finney•3,030
    @Finney06Posted over 1 year ago

    Hello there 👋. Good job on completing the challenge !

    Here is a suggestion regarding your code that may be of interest to you.

    HTML 🏷️:

    To clear the Accessibility report:

    • Always avoid skipping heading levels; Starting with <h1> and working your way down the heading levels (<h2>, <h3>, etc.) helps ensure that your document has a clear and consistent hierarchy.

    I hope you find it helpful!😏 Above all, the solution you submitted is 👌. 🎉Happy coding!

    Marked as helpful
    1
  • Ignacio017•50
    @Ignacio017Posted over 1 year ago

    to move the proyect top you can use the vh unit in the height media querie

    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