Разница между gap-y и gap-x в Tailwind CSS заключается в том, что первый класс устанавливает зазор по вертикали, а второй — по горизонтали. 12

gap-y (row-gap) применяется к рядам, gap-x (col-gap) — к столбцам. 2

Например, класс gap-x-4 устанавливает горизонтальный зазор в 1 rem, а класс gap-y-8 — вертикальный в 2 rem. 1