1 reply

Not sure how to make this hero text animation responsive

Just wondering how I can make this hero text animation responsive? https://codepen.io/nwoodward/pen/ExBomaq

The problem is that the

h1

h1

is a fixed width of 250px, and I animate the wrapper,

title

title

to its full width with overflow hidden. That just means that I can't have it take up the full width of the screen as it grows, I have to rely on breakpoints and fixed widths, which looks ugly (image 1 to image 2).

I feel like it definitely should be possible to make this responsive, but I feel like it's beyond me!