Thank you! This solved the gap, but now the images are still the same size and are creating 2 rows rather than staying on one row and sizing down with the gap expanding
Topic summary
Goal: Increase spacing (gap) between product images and reduce their size in the Featured Collection section on the homepage.
What was tried: A helper provided CSS to add in theme.liquid (above ) with an adjustable value (e.g., 20px) to enlarge the gap. A store preview link and a screenshot illustrating the tight spacing were shared.
Current result: The gap adjustment worked, but the images did not scale down. Instead, the collection now wraps into two rows rather than remaining on a single row with smaller images.
Outstanding issue: Need guidance on responsive sizing so items stay on one row while increasing the gap—likely requiring adjustments to image/container widths, flex/grid settings, or max-width rules alongside the gap change.
Status: Unresolved/ongoing. Awaiting further instructions on CSS to make images resize responsively without causing a second row.