как убрать отступы от края браузера в css-grid

287
01 февраля 2018, 16:25

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

Как избавиться от них?

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

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

Вставь это:

*{
    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>

READ ALSO
Как правильно разместить блоки?

Как правильно разместить блоки?

Здравствуйте! Скажите, как сделать так, как в макете? Надпись "Мы хотим сделать этот мир лучше" становится посередине, а нужно как в макете

435
Одинаковая высота блоков в Swiper 4.1.x (Firefox)

Одинаковая высота блоков в Swiper 4.1.x (Firefox)

Для сайта понадобилась адаптивная карусель элементов, взял за основу Swiper последней версии 41+, в итоге получилось так, что в Chrome все блоки одной...

753
Как обнулить внутренние отступы?

Как обнулить внутренние отступы?

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

214
Парсинг сайта для самых маленьких [требует правки]

Парсинг сайта для самых маленьких [требует правки]

Здравствуйте, нужна ваша помощьСразу скажу, что в программирование я новичок и буду очень рад если вы объясните все как можно понятнее и подробнее

360