Слева и справа появляются оступы от границ блока до границ браузера
Как избавиться от них?
Вот стили всего контейнера в котором вся верстка
#grid
{
display: grid;
grid-template-columns: 25% 25% 25% 25%; /* four columns */
grid-template-rows: auto; /* auto rows */
}
Вставь это:
*{
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>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Здравствуйте! Скажите, как сделать так, как в макете? Надпись "Мы хотим сделать этот мир лучше" становится посередине, а нужно как в макете
Для сайта понадобилась адаптивная карусель элементов, взял за основу Swiper последней версии 41+, в итоге получилось так, что в Chrome все блоки одной...
Возможно ли обнулить внутренние отступы у различных тегов? Допустим имеем тег h1, видно, что при больших размерах текста есть верхний и нижний...
Здравствуйте, нужна ваша помощьСразу скажу, что в программирование я новичок и буду очень рад если вы объясните все как можно понятнее и подробнее