Как сделать border, вокруг дочерних элементов?

hudiakov,

https://codepen.io/Alex-Miranovich/pen/GRLmqgy

Ну логично. Вы задали drop-shadow для wrappera. Внутри него block с непрозрачным фоном. block занимает всю площадь wrapper'а => тень рисуется прямоугольная вокруг непрозрачной зоны.

drop-shadow - обертке элементов, сейчас это block. Просто попадите свойствами в нужный селектор

.block{
  display: flex;
  flex-flow: row wrap;
  filter: drop-shadow(0 0  1px red);
}

.element{
  width: 25%;
  height: 100px;
  border: 1px solid gray; 
  background: #fff;
}

Как сделать border, вокруг дочерних элементов?

szQocks, да, всё верно, вот так

<div class="wrapper">
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
    <div class="element"></div>
</div>
гриды, флексы, что там удобнее и drop-shadow

Покажите, что у вас не получается при таком варианте?

Как сделать border, вокруг дочерних элементов?

szQocks, тут "должна" было в мягком смысле и без претензий :)

А что с адаптивом? Ну поместится другое количество блоков в строке. Для drop-shadow это не помеха.
Я пока не вижу проблемы.

Как сделать border, вокруг дочерних элементов?

szQocks, не поняла, что я должна сделать?

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

Так и делайте паддинг для content

Один div контейнер вложен в другой. Применяю margin-top к дочернему, но свойство применяется к родительскому. Почему так?

Stpnki, я вижу отступ в 50

Один div контейнер вложен в другой. Применяю margin-top к дочернему, но свойство применяется к родительскому. Почему так?

Читайте https://htmlbook.ru/samlayout/blochnaya-verstka/sk...
Добавить можно, что выпадения и схлопывания нет во флексах и гридах

Как сделать так, чтобы браузер игнорировал тег, но не его содержимое?

Я, конечно, отвечу на вопрос из заголовка: это display: contents

Но вы, действительно, решаете проблему не с того бока. Инициализируйте swiper только на мобилках.

Можно ли удалить файл theme.min.css из dev сборки?

Santos2004, искать куда компилируются стили

Как сделать border, вокруг дочерних элементов?

Как вариант filter: drop-shadow(0 0 1px red); для родителя. Возможно, потребуется несколько теней для минимизации размытия.

Можно ли удалить файл theme.min.css из dev сборки?

Santos2004, вы правда верите, что без кода и/или сообщения об ошибке вам кто-то ответит как починить?

Можно ли удалить файл theme.min.css из dev сборки?

Santos2004, под отвязался я имела в виду, давно ли изменения вносятся в него, а не в исходники.

Но ответ не меняется - выясняйте почему не работает сборка. Или работает, но собирает всё куда-то не туда, куда вы смотрите.

Можно ли удалить файл theme.min.css из dev сборки?

sergski, какая разница как его потом возвращать? Переименовать обратно, перенести из резервной папки, снова забрать из гита или еще как..
Показалось излишним расписывать всё как в детском садике.

Можно ли удалить файл theme.min.css из dev сборки?

Скорее нужно узнавать почему перестала работать сборка.
И давно ли этот ваш файлик отвязался от неё.

Вообще, этому файлу нечего делать в исходниках. Но мало ли какая логика была у разработчика сборки.

Как мне быть? могу ли я его снести?

Какие проблемы? Всегда можно снести, узнать что будет и принять решение, нормально ли это.

Почему не работает transition для градиента?

Виталий Першин, уже видно версию в которой заработает. А поскольку вопросы-ответы отсюда отлично гуглятся, то и пригодятся уже скоро.

Как жестко задать размер колонок в grid таблице с неизвестным числом колонок?

Wispik,

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

С чего бы это?

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

Картинки нет, поэтому угадайка.
Угадайка говорит, что проще гридами.
Либо абсолютами.

Ну либо добавьте before равный по высоте нижнему. Но это не будет держаться без подпорок.

Как жестко задать размер колонок в grid таблице с неизвестным числом колонок?

grid-auto-flow: column;
grid-auto-columns: 40px;

Ширину можете задать самим ячейкам.

Но если у вас там таблица и есть второй ряд, то это всё не сработает. Потому что он же не поймет, когда вам хватит в ряду.

Как задать два бэкграунда?

Как по мне правильно будет сделать два отдельных элемента. Один элемент будет цветом фона другой картинкой.

Ну хотя бы на псевдо заменить. Зачем это всё тащить в разметку? Ели бы картинка была бы контентной, а не украшением, тогда да, в разметку. А так, по-хорошему, украшениям не место в разметке (исключения, конечно, бывают, но тут не нужно)
Цветом залить весь блок. Картинку в псевдо. И перестраивать как угодно.

Высота height: 100% не работает?

100% для html это вьюпорт
100% для body это html, т.е. тоже строго вьюпорт
Если 1000px это больше вьюпорта, то логично, что блок вываливается

Что делать:
1. Изучить свойства height и min-height и их работу с процентами
2. Изучить единицы измерения vh - помогут избавится от наследования и процентов.
3. Задать для body min-height 100vh