Skip to content
OverviewSolutions
15
Comments
2

Christopher Kola

@Ckola99South Africa260 points

I am a very motivated individual who is breaking into the tech space. I am eager to learn and I’m falling in love with the process.

I’m currently learning...

Full stack software engineering. That means I’m learning HTML, CSS, JavaScript, React, PostgreSQL and much more in order to be employable.

Latest solutions

View more solutions

Latest 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 !