Skip to content
Submitted about 2 years ago

Result summary component using css

ifeanyi•90
@ifeanyiagujekwu
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

relative positioning responsiveness

Code

Please log in to post a comment

Log in

Community feedback

  • Yash Joshi•450
    @yashgjoshi20

    Hey well done for completed this challenge😁

    I have some suggestions to help you to improve your solution :

    1. You should add an <main> tag after body and before the div tags.
    2. The <main> tag specifies the main content of a document.
    3. You should put the <div class="attribution"> outside the <main> tag
    4. Then replace the <div> tag by semantic tag <footer>
    5. footer can contain informations about author, copyright etc.

    HTML

    <body>
    <main>
    ....
    </main>

    <footer class="attribution">
    </footer>
</body>

    CSS

    1. You should add an .attribute for footer
    2. Then in .attribute you can set the position to get the footer at center.

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