Как сделать скролл по горизонтали с двумя рядами внутри?

Для создания скролла по горизонтали с двумя рядами внутри вам понадобится HTML и CSS.

1. Первым шагом создадим контейнер, в котором будут находиться два ряда элементов.

<div class="scroll-container">
  <div class="row">
    <!-- Содержимое первого ряда -->
  </div>
  <div class="row">
    <!-- Содержимое второго ряда -->
  </div>
</div>

2. Далее добавим стили к элементам. Установим ширину и высоту контейнера, а также добавим свойства, чтобы контент прокручивался по горизонтали.

.scroll-container {
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
  height: 300px; /* Высоту можно настроить под свои требования */
}

.row {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  width: 100%;
}

3. После этого вы можете заполнить содержимым каждый из рядов внутри контейнера.

<div class="scroll-container">
  <div class="row">
    <div>Элемент 1</div>
    <div>Элемент 2</div>
    <div>Элемент 3</div>
    <!-- ... -->
  </div>
  <div class="row">
    <div>Элемент 4</div>
    <div>Элемент 5</div>
    <div>Элемент 6</div>
    <!-- ... -->
  </div>
</div>

4. В итоге, если содержимое рядов выходит за пределы ширины контейнера, скролл по горизонтали будет автоматически добавлен.

Однако, учтите, что этот метод создает скролл-бары по умолчанию, которые зависят от операционной системы и браузера пользователя. Если вам нужен кастомизированный скролл, вам придется использовать JavaScript или сторонние библиотеки.