Skip to content
Submitted 3 months ago

Result Summary Component

Luca•140
@TofeDev
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Even if I hadn't made any Front End challenges in many months, I'm happy that it wasn't difficult to me to do. I would like to do a version using the JSON, which I don't know how to do it yet.

What specific areas of your project would you like help with?

If there's an error in the screenshot, I don't know why it's happening, it looks good in my browsers

Code

Please log in to post a comment

Log in

Community feedback

  • David OG•360
    @DavidOG03

    Hey Luca, nice work. Concerning the screenshot looking that way, it might be your browser, which browser do you use? And to stop that displacement from happening I suggest you make some changes to your css code Your former code: .circle { justify-items: center; align-content: center; background-image: linear-gradient(var(--Violet-blue), var(--Persian-blue)); width: 200px; height: 200px; border-radius: 50%; margin: 30px; }

    new code: .circle { display:flex; justify-content: center; align-content: center; flex-direction:column; background-image: linear-gradient(var(--Violet-blue), var(--Persian-blue)); width: 200px; height: 200px; border-radius: 50%; margin: 30px; }

    I hope this helps!

    Marked as helpful

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