Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive test page using flexbox and grid

Ventthos 10

@Ventthos

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@aravindhan7

Posted

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
Discord logo

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