Untitled
unknown
plain_text
6 months ago
941 B
3
Indexable
<div class="scroll-container"> <div class="item"> <img src="image1.jpg" alt="Item 1"> <p>NEW YP x Basquiat</p> </div> <div class="item"> <img src="image2.jpg" alt="Item 2"> <p>YP x Andy Warhol</p> </div> <div class="item"> <img src="image3.jpg" alt="Item 3"> <p>Another item</p> </div> <!-- Add more items as needed --> </div> .scroll-container { display: flex; overflow-x: auto; padding: 10px; scroll-behavior: smooth; gap: 15px; } .item { flex: 0 0 auto; /* Prevents the flex item from shrinking */ width: 70%; /* Adjust as needed for responsiveness */ max-width: 300px; /* Optional to set a maximum size */ text-align: center; } .item img { width: 100%; border-radius: 10px; } .scroll-container::-webkit-scrollbar { display: none; /* Hide scrollbar */ }
Editor is loading...
Leave a Comment