Как сделать наложение фона на inline?

Сергей Дроздов, поменяйте цвет текста, будет проще

Как позиционировать элементы/блоки, относительно других элементов/блоков(например, панели навигации, логотипов и т.п.)?

EpikeS, на контентную img этот кран не тянет. Но если прям хочется, то опять же гридом. Вниз картинку, поверх контейнер.
Если всё таки кран это фон, то блок на всю ширину, в нём контейнер.

Как сделать наложение фона на inline?

background или background и псевдоэлементы

Как позиционировать элементы/блоки, относительно других элементов/блоков(например, панели навигации, логотипов и т.п.)?

Начать нужно с вопроса зачем там вообще абсолют? Максимум кому он нужен это стрелки.

Создаете класс container, задаете ему параметры ширины (по примеру как в шапке) и центрирование и применяете его и в шапке и в слайдах и там где он еще нужен.



Альтернатива: гриды.

Почему не работает checked?

Соседние селекторы вам не помогут при такой разметке.
Используйте :has

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

leeroyjenkins176, нужно разобраться с контейнерами и их размерами, а потом всё таки object-fit

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

Шигаев.,

Однако здесь не хватает того самого триггера.

А это window.addEventListener('scroll', function() что?
Если всё таки не в момент старта, то можете воспользоваться своими же промежуточными расчетами прозрачности.

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

leeroyjenkins176, либо переформулируйте вопрос и последнее предложение либо всё таки погуглите.

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

Гуглите object-fit

Как в 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;
}