Skip to content
Submitted over 1 year ago

Responsive for Result and summary page using flex-box

Jeya prakash•600
@jeyaprakashp4587
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

Community feedback

  • FlimzYT•110
    @FlimzYTPosted over 1 year ago

    To stop the circle from stretching on different screen sizes you should give it an aspect-ratio of 1/1. And for the mobile view, you should change the flex-direction to column to make it vertical like the design shows.

    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