Skip to content
Submitted over 1 year ago

Responsive Result Summary Component with Vite and Sass

Elena Annibali•120
@ElenaAnnibali
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

This is a pretty easy project. Please note that if you're using Vite and you want to use the JSON file to display the data dinamically you have to place the file in the public folder (and the icon should be placed there too), otherwise you'll have problems during the deployment.

Community feedback

  • Aimal Khan•2,260
    @Aimal-125Posted over 1 year ago

    In your css code, don't use display: flex; to center the card component. Instead use display: initial; so that for portrait screens your card component align itself to the top of body as in the design file for mobile version. Then it will look good on screens with small heights.

    Marked as helpful
    0
    Elena Annibali•120
    @ElenaAnnibaliPosted over 1 year ago

    @Aimal-125 thanks!

    0

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