Skip to content
Submitted about 1 year ago

Summary Cards Component

Marcos Novaes•10
@marcosnovaesq
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

How to make that circle that wraps the results being a perfect circle and not an oval figure?

How to separate CSS to make site responsive?

Community feedback

  • Zahidur Rahman•80
    @ZahidurRahman8759Posted about 1 year ago

    1. You have to use border-radius to 100% in that <div></div> to make it full circle. Example: .results { border-radius: 100%; }

    2. Use @media (max-width: 500px) { in here you will write the CSS code which you want to change } - as an example to make a site responsive. Search use of 'media query' in Google. You will find the tutorials.

    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