@dpayne713
Posted
Hi TP,
You are getting the horizontal scrollbar because your arrow
div has a width of 500px and is causing that stretching. You should define a width for that to help with this issue.
One trick to try is if you have a component that you know is it's own entity and all contents must stay inside is to use overflow: hidden
on the container for the component. Then anything that overflows will disappear. It's not super helpful for troubleshooting code but has some helpful use cases.
Hope this helps.
David