All solutions

Hi! I used requestAnimationFrame to update the output.

I was wondering what other ways you can use to give a smooth effect.

Thanks in advance!

I'm thinking a nice feature would be to shrink/grow the font-size depending on how long the piece of advice is (because i want the container to have a constant height). More precisely, i would need to calculate what the font-size should be so that the paragraph approximates a certain height. Any idea how to go about this?

It's so satisfying to submit a solution!

I'm happy with the way i did it. Probably not pixel perfect. I tried scaling the fonts when the viewport width shrinks a lot.

There's a weird thing happening with the corners, any idea how to fix that?

I didn't spend much time on the javascript so it is very repetitive, a bit ugly.

Any advice on how to make my solution more elegant and/or with less lines of code is welcome.