Imagine I have a straightforward list of items, something like this:
<ul id='list-container'>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
Now, picture yourself browsing my website on your phone and encountering this list where only the first two elements are visible. You have to scroll left using your finger to see the remaining items. How can I address this issue? Would JavaScript or CSS be more effective in solving this problem?
Note: No scroll bar should be used!