I've been working on a website that showcases tech deals, and I've encountered an issue where if I insert a product after the ninth one, it doesn't align properly. Instead of appearing to the left of the ninth product, it displays below it.
To add some flair to the site, I've integrated animate.css to create sliding animations for the product images as they load onto the page.
This is my first time posting on this forum, so I'm unsure about what details to include. I'll share my index.html (home page) and style.css (styling for home page) files with you.
Here's the link to view the CSS and HTML files: https://jsfiddle.net/2cr8uLv2/
<h1> The code required makes it difficult to post here, but feel free to visit the link above</h1>