Deallie_Digital

The text loads fine and SplitText works on the all screens, but when I change the screen size, after the initial render the lines begin to break. This is in Chrome. The only time it works is in Display: 'Inline-Block", but that creates another issue with the SplitText Divs messing up the layout of the Container.

I preloaded the font, so it should load before SplitText.

https://codesandbox.io/s/black-paper-t0e7j6?file=/src/App.js Hello All Is there any reason why the Splittext Line breaks like this in smaller screens?

I'm unfamiliar with that function, but I'll take a look and let you know if it worked. Thanks!

Thanks for the quick reply. Apologies, my CodeSandBox has been acting super buggy lately, so below is a scaled down example in Codepen. To clarify, I have a Carousel infinite loop component that can go left or right based on the props passed. The carousel going right works fine, but for some reason the carousel going left has a gap of unrendered divs after the last div. updated code: https://codepen.io/bubbajaydee/pen/bGLpKwX

Hello All I'm trying to make and endless loop with two rows going in opposite directions. The first row works fine, but the second row has a bug where there is a gap of unrendered elements after Infatuation. Any ideas on what's going on? Code is Below (Apologies, but I have issues making react Code Pens): https://codesandbox.io/s/test-carousel-forked-s5wtub

I'm experiencing a similar issue. I assume Split Text should not be applied to Font's with clamp?