@Ckola99
Posted
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