*{box-sizing:border-box;margin:0;padding:0}body{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;height:100vh}.slider-container{width:80vw}.slider{display:flex;width:100%;overflow:auto}.slide{display:flex;flex-shrink:0;justify-content:center;align-items:center;background-color:#4caf50;width:80vw;min-width:-moz-min-content;min-width:min-content;height:400px;scroll-snap-align:start;color:#fff;font-size:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide:nth-child(2n){background-color:#2196f3}.slide:nth-child(3n){background-color:red}.slide:nth-child(4n){background-color:#0f0}.slider-container{overflow-x:scroll;scroll-behavior:smooth}