0

Слева и справа появляются оступы от границ блока до границ браузера

введите сюда описание изображения Как избавиться от них?

Вот стили всего контейнера в котором вся верстка

#grid
{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;  /* four columns */
  grid-template-rows: auto; /* auto rows  */
}
3

1 ответ 1

5

Вставь это:

*{
    padding: 0%;
    margin: 0%;
}

Пример:

*{
    padding: 0%;
    margin: 0%;
}
#grid
{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;  /* four columns */
  grid-template-rows: auto; /* auto rows  */
}
<div id="grid">
      <div class="grid">grid-item #1</div>
      <div class="grid">grid-item #2</div>
      <div class="grid">grid-item #3</div>
      <div class="grid">grid-item #4 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui illum eaque ipsum laudantium nihil velit, dolor quisquam ratione quidem, illo!</div>
      <div class="grid">grid-item #5</div>
      <div class="grid">grid-item #6</div>
      <div class="grid">grid-item #7</div>
      <div class="grid">grid-item #8</div>
      <div class="grid">grid-item #9</div>
    </div>

1
  • Да ,все выровнялось спасибо! У меня вся сетка была обёрнута в article внутри которого был section с padding:0 1em; по-этому и появлялся отступ. Разобрался.
    – Dmitriy
    31 янв 2018 в 7:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.