All comments

• 

  Letícia Oliveira• 300

  @zapfish1

  Submitted 4 months ago

  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

  30

  

  Christopher Kola• 210

  @Ckola99

  Posted 4 months ago

  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

  1
• 

  Abdelmageed Hamdi• 100

  @abdelmageed2062019

  Submitted 4 months ago

  

  Interactive rating

  1

  10

  

  Christopher Kola• 210

  @Ckola99

  Posted 4 months ago

  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 !

  0