vladimironokhovv1

Студентам в начале курса говорила, кто хорошо в детстве играл в лайнс, тетрис и подобное, тот будет хорошо верстать.
Верстка это обычная геометрия средней школы записанная с помощью тегов и раскрашеная/подвинутая стилями. Всё.
Всякие JS и т.д. это просто следующий этап.

План действий может быть таким:
1. Берете/получаете макет
2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента.
3. Если п.2. сразу не осилился, идете гулять или спать.
4. Возвращаетесь к п.2.
5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.

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

А совсем без проблем не выйдет, потому что экранов много, браузеров много, хотелок у заказчиков еще больше. Хорошо, когда эти хотелки интересные :)

грид автоматически создаст одну колонку и 6 рядов

Если указан только display:grid - то да (ряды равны количество дочерних элементов).
Для изменения количества рядов - https://developer.mozilla.org/en-US/docs/Web/CSS/g...
Для изменения количества колонок - https://developer.mozilla.org/en-US/docs/Web/CSS/g...

Никогда не понимал, почему людям такое проще спросить, чем посмотреть на практике. Вы же так и сами лучше разберётесь, и время чужое не отнимите.

span 2 - указывает занять 2 строки относительно текущего положения. А не строго первые 2 строчки.
grid-row работает в зависимости от того, какое указано значение. Либо перемещает между строчками, либо расширяет на определённое количество строк, либо и то и то.

А ещё определитесь про что Вы спрашиваете. В вопросе всё про row, в примере кода про col и row.

Заключают какой-то договор с правообладателями.
БОльшая часть это крупные лейблы вроде ворнер мьюзик, сони мьюзик и других...
Ну и конечно независимые лейблы и независимые музыканты (читай неизвестные).