[email protected]: я хочу уменьшить количество элементов, отображаемых на меньшем экране. ⇐ CSS

[Гость]

Я создаю интерфейс страницы поиска на сайте электронной коммерции.
Я хочу поэтапно уменьшать количество элементов, отображаемых на экране, по мере того, как экран становится меньше, как у Amazon.
/>Я также хочу исправить лишние пробелы, занимаемые, когда в первой строке содержится 6 элементов, а во второй строке только 4 элемента.
Как я могу решить проблему??
Я использую [email protected].
Вот что я хочу сделать

• В полноэкранном режиме: 1920 пикселей Я хочу отображать 6 элементов в строке
• 1575 пикселей >=: отображать 5 элементов в строке и скрывать 1
• 1270 пикселей >=: отображать 4 на строке выровнять и скрыть 2 в строке
• 970 пикселей >=: Отобразить по 3 в строке и скрыть 3
• 670 пикселей >=: Отобразить по 2 в строке и скрыть 4 в строке　
• 
  Источник: https://stackoverflow.com/questions/781 ... -screen-is