Skip to content
OverviewSolutions
15
Comments
2
Christopher Kola
@Ckola99

All comments

  • Letícia Oliveira•300
    @zapfish1
    What challenges did you encounter, and how did you overcome them?

    starting the project is one of the most challenging parts and i try to overcome it by trying, even if i feel overwhelmed and lost at first, my head clears out as i work on the project little by little!

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

    i couldnt figure out how to stack '76 of 100' vertically. in the end i liked the side by side version, so i didn't bother with it... however, id love to know how i couldve done it

    main results page using media query

    1
    Christopher Kola•260
    @Ckola99

    Hi there, first of all great work. I envy your colour and gradient skill there haha! I couldn’t get mine to be as accurate.

    To get the number 76 on a different line I used a span tag:

    <p class="result-score"> <span>76</span> of 100 </p>

    There after I styled it appropriately and placed a display block on the span tag so it could take up the whole line and push the other text to the next line like below :

    .result-score span { display: block; font-size: 5rem; font-weight: var(--fw-black); line-height: 1; color: white; }

    You’re welcome to check out my solution on my profile.

    Marked as helpful
  • Christopher Kola•260
    @Ckola99

    Hey man great work first of all! I just wanted to say the design doesn't have a box-shadow thus I think you should remove it because you want to get as pixel perfect as you possibly can with your code.

    as well as when you select a rating number the background should remain white if you want to see how I did it take a look at my code solution for this on my profile. The gradient is also something you can catch from my code please feel free to take a look. All in all good work !