Interactive rating component challenge with Bootstrap & SASS

Hey @cmb347827,

• add display: grid; place-items: center; min-height: 100vh; in the body element. remove all properties from the main element.
• add border-radius:12px; in the .container class.

replace

main .container form .svg {
    width: 38px;
    height: 38px;
    background-color: Silver;
    background-color: #7c8798;
    border-radius: 50%;
}

with

 .svg-parent {
    /* border: 2px solid red; */
    width: 40px;
    height: 40px;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f8f8f8;
}

for logo alignment appropriately.