Your markup should be just what it needs to be to convey the semantics of your document, and no more.
Here, the shadow DOM keeps the messy bits out of sight and out of mind while the light DOM retains a pristine structure.
We'll use scroll snapping and flexbox in combination to create a basic carousel functionality.
[
add
]
[
|
|
...
]