Как правильно задать границу блоку?

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

Как сделать блок, прижатый к левой стороне экрана, но с текстом, не нарушающим линию контента?

photosho, это не ::before вылезает, это сама ячейка с текстом, я использовал класс .col-sm-6, дял примера. Из-за этого он растягивается на половину ширины контейнера, можно вообще убрать колонки bootstrap'а и использвовать блока нужную ширину или ограничить максимальную. Обновил пример

Почему border-width в инспекторе округляется кратно 0.8?

Масштаб страницы в браузере или масштаб в системе не меняли? При значении 125% в обоих случаях получается 0,8пикс

Ломается верстка на мобилке, не найду причину, в консоли все ровно, может кто сталкивался?

SamFlin, попробуй через отладку с телефона посмотреть что ломается.

Как убрать подчеркивание при наведении мышкой?

Tim Nev, все дело в приоритете применения стилей, кто последний тот и применяется. Вы добавили стиль для .sf-menu>.menu-item-home>a:after в файл стилей dba61ef424de8585aec1d914abd53db3.css, при этом у вас в коде страницы в head'е в тэге style прописан стиль для .sf-menu > .current-menu-item > a:after, т.к. главная кнопка главной и есть тот самый current то и стили перебиваются и цвет вместо прозрачного становится #990134


Либо добавлять прозрачный цвет туда же в шапку, либо добавьте !important

.sf-menu>.menu-item-home>a:after {
    background-color: transparent !important;
}
.sf-menu>.menu-item-home>a:hover::after {
    background-color: transparent !important;
}

Регулировка прозрачности класса ползунком range?

Стивен, например можно вот так:

Регулировка прозрачности класса ползунком range?

Стивен нужно применять фильтр к разным блокам одновременно от одного и того же ползунка? Тогда так:

const div1 = document.querySelector('.div1'),
div2 = document.querySelector('.div2'),
range = document.querySelector('#range');

range.addEventListener("input", function(e) {
div1.style.filter = `opacity(${e.target.value}%)`;
div2.style.filter = `blur(${e.target.value / 10}px)`;
});

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

Виталик Дополнительно еще можно добавить проверку прокрутки списка. Когда список прокручен до конца убирать наложение, чтоб совсем красиво было.

Как свернуть содержимое сайдбара в мобильной версии Wordpress?

При желании, можно даже без скриптов, на чистом CSS, используя чекбокс и псевдокласс :checked

Как сделать div на всю ширину родительского?

display: flex
width: 100%

Как такое сверстать?

Рустам Байназаров, да это собственно то, что я писал в ответе, проблема возникнет если фон страницы будет не однородный, в таком случае применить SVG будет наиболее удобным способом и никаких перекрытий.

Как такое сверстать?

Рустам Байназаров, в примере цвета специально контрастные, чтобы показать что плавного перехода не получится и будет ступенчатый переход, как ни крути должного эффекта не добиться таким способом:

Как такое сверстать?

Рустам Байназаров, не выйдет разными цветами границы:

Как разместить fixed блок относительно края relative?

Предоставьте код, пожалуйста

Как сделать размытие картинки только там где форма?

ksnk, можно этого избежать если задать .form overflow: hidden, а сам элемент .blur сделать шире чем .form

Как сделать размытие картинки только там где форма?

ksnk, blur в данном случае еще и выглядит не очень красиво, за счет того что край не четкий, а размывается:

Как сделать размытие картинки только там где форма?

filter: blur() размоет содержимое всей формы, получается способ не подходит

Как сделать блок с вырезом / как сделать один фон у родителя и псевдоэлемента?

Вероятно, вам стоит покопать в сторону clip-path
Все что нужно нарисовать нужную фигуру в SVG, вставить изображение, обрезать его по фигуре с помощью clip-path

Поиск элементов?

Он возвращает не массив, а HTML коллекцию

Как сделать такое расположение даты?

Для начала, покажите код, желательно в песочнице