Skip to content
Submitted over 1 year ago

Responsive test page using flexbox and grid

Ventthos•10
@Ventthos
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

I had problems making the circle, since I don't know how to make a perfect circle while it has some elements inside. In the end, I decided to assing a fixed value, but I guess that's not correct for a responsive design. Do you have some recommendations?

Community feedback

  • Aravindhan•320
    @aravindhan7Posted over 1 year ago

    Hey that was a good solution,

    To create a circle, use the border-radius property and set the value to 50%. Then combine the height and width properties with a matching value, as simple as that.

    Hope it is helpful.

    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