Streaming live at 10am (PST)

Issues with my Product collection Grids

Okay I have been stuck on this for a few days now. I am not very informed on code so please excuse my lack of professionalism. Well, I have several products on three of my pages. Oliva, Premium Honduran Cigars, Premium Nicaragua Cigars. The issue at hand is that I have no idea how to make the grids align and be responsive throughout the different resolutions buttons. I fix it at 1920 then everything else goes horribly wrong. I am at a loss, so I was hoping one of you fine people could help me figure out what I’m doing wrong :p. Id also like to add a “Jump to” sticky menu buttons floating right to the side of the products but since it is a grid, one change to an ID means a change to all the ID’s so again no clue. Thank you in advance for taking the time to read this :D.

Bellow you will find my Read Only link.


Here is my site Read-Only:
https://preview.webflow.com/preview/priscocigars?utm_medium=preview_link&utm_source=designer&utm_content=priscocigars&preview=79f9f55d79dc8b76446e0e0e6719d182&pageId=5f07c4c369cf794b704b5536&mode=preview