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

JS
.preventDefault()

CSS
visibility
pointer-events

Как работать с блоками HTML?

onion123332, кстати, вертикально блоки (блочные элементы) выстраиваются сами.

Попробуйте сделать несколько параграфов и посмотрите.

Как работать с блоками HTML?

Если нужно изучить бутстрап, то документация выше.
Если узнать как это работает, то можно начать с тренажеров тут https://htmlacademy.ru

Либо тернистый путь с ютубчиком.

Сюда имеет смысл приходить с более конкретными вопросами.

Почему миксин работает через раз?

Обратите внимание на порядок подключения файлов.

Вы пытаетесь использовать миксин ДО его определения.

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

но оно работает на первый div внутри листа...

Не видно, что вы делаете, но думаю, что работает-то оно на все элементы, только позиционируете вы их в одно и то же место.

Либо в разметке вынуть зеленый из блока с overflow и решать на js, связывать красный с зеленым, например, по data-атрибутам.

Как заливать проект в репозиторий?

berenray, будет очень хорошо, если напишете как именно и в чем было дело.
В этом суть сервиса.

Как заливать проект в репозиторий?

berenray, вы там точку не забыли случайно?

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

rakkas,

Менее современный способ это задать родительскому диву padding в 1px

Малологичный способ.
Гораздо разумнее просто задать нужный padding родителю, а тот margin убрать.

Как обрезать слайды?

Можно сделать контейнер слайдера пошире, на 4 целых слайда. А его обертку поменьше и overflow.

Как сделать сетку при помощи Grid?

Используйте либо css columns либо js плагины типа masonry (есть и с гридом в основе)

Как сделать 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); для родителя. Возможно, потребуется несколько теней для минимизации размытия.