Как поставить правильно grid?

Question

[Kesio]

Начал делать сайт на подобие спотифая, пытался сделать их блочную структуру флексами, не получилось, вспомнил про гриды, так вот я хотел сделать, что-то на подобие
sidebar - sd
main - mn
music - ms

sd mn mn
sd mn mn
ms ms ms

Вот такое гридами, не получилось.

Comments

[Ankhena]

Вот такое гридами, не получилось.

Что не получилось? Где посмотреть что вы делали и что не получилось?

Answer 1

[Вадим]

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

Подробная статья:
https://habr.com/ru/post/500580/

Пример:

.grid {
  grid-tamplate-columns: 1fr 1fr 1fr;
  grid-template-areas: 'sd mn ms'
}

.sidebar {
  grid-area: sd;
}

.main {
  grid-area: mn;
}

.music {
  grid-area: ms;
}