Skip to content
Submitted about 3 years ago

Interactive rating component mixing CSS grid and flexbox

Chillidot•40
@Chillidot
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Why is svg/image at top left corner not shown correctly in Safari-Browser?

Code

Please log in to post a comment

Log in

Community feedback

  • Byron•2,290
    @byronbyron

    Hi @Chillidot

    If you remove the height: auto; from the your style.css below, that should fix it in safari!

    /** Circle **/
svg{
    max-width: 100%;
    /* height: auto; */
}

    Hope that 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