Нормально ли использовать grid для отступов, вместо margin?

Question

[wakenbyWork]

Можно ли в таких случаях отказаться от margin в пользу grid?



Почему я так начал делать. Мне удобнее так выставлять отступы. Еще у последнего элемента не должно быть отступа с низу, это можно решить таким образом:

.item:not(:last-child) {
  margin-bottom: 16px;
}

Но бывают случаи когда последний item будет иметь display: none; и появиться лишний отступ, что не желательно.

В итоге я начал везде так делать, нормально ли так делать?

Comments

[Palpebral]

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

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

[Ankhena]

Актуальное свойство gap (или раздельные column-gap, row-gap)

[wakenbyWork]

Mashush, Спасибо! А можете свой комментарий перевести в ответ? Я его выберу верным))

[wakenbyWork]

Ankhena, gap же для flex используется. Но я и его иногда использую. Конечно поддержка не так хороша, но очень удобное свойство.

[Ankhena]

wakenbyWork, grid-gap - устаревшее написание.

[wakenbyWork]

Ankhena, Не знал, я правильно понимаю что:

1) grid-gap - устарело и вместо него нужно использовать просто gap.
2) gap плохо поддерживается во flex, но поддерживается так-же хорошо в grid как и grid-gap?

Или поддержка свойства gap в grid хуже чем свойство grid-gap?

[Ankhena]

wakenbyWork, всё верно

[wakenbyWork]

Ankhena, Извините за настойчивость, хочется точно узнать.

Это все верно:

1) grid-gap - устарело и вместо него нужно использовать просто gap.
2) gap плохо поддерживается во flex, но поддерживается так-же хорошо в grid как и grid-gap?

А это уже не верное утверждение:

Или поддержка свойства gap в grid хуже чем свойство grid-gap?

[Ankhena]

wakenbyWork,

grid-gap - устаревшее написание.

Что тут нужно уточнять?

Поддержку вы всегда можете посмотреть на caniuse.

[wakenbyWork]

Ankhena, Да, глянул на caniuse, спасибо еще раз))

Answer 1

[Palpebral]

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

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

Answer 2

[Fakeminer]

Чем же это удобнее margin'а?
Grid - инструмент для создания сетки, ну точно не для выставлений отступов
Хотя я не эксперт, но мне кажется что лучше этого не делать

Comments

[Ankhena]

Grid - инструмент для создания сетки, ну точно не для выставлений отступов

Да тут главное, что gap это свойство для выставления отступов... в сетке :)