klierik

По всей видимости что-то таки не так. Вот рабочий пример.

На пример вот так:

.blog_btn_cont_cont { position: relative; z-index: 1; } .blog_btn_cont_cont .blog_btn_content { display: none; } .blog_btn_cont_cont.active .blog_btn_content { display: block; position: absolute; left: 0; top: 100%; right: 0; }  

Решение:
.blog__item {   padding: 0px 15px;   flex: 0 1 33.333%;   display: flex; } .blog__item-link {   height: 100%;   position: relative;   display: flex; } .blog__item-link article { display: flex; flex-direction: column; } PS: у Вас ошибка в названии аттрибута:
<article clas="blog__item-inner">  

Виложите пример в песочницу

Попробуйте убрать стиль:
html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay { /* overflow: hidden; */ } в файле "pum-site-styles.css?generated=1634785690&ver=1.16.2"

В HTML классы пишутся через пробел. В CSS они пишутся через точку
Пример
<a class="btn-success disabled">Success</a> <a class="btn-outline-info focus">Button</a>  
В данном случае имеется ввиду элемент с классом "btn-outline-secondary" который не содержит атрибут ":disabled" но при этом "активный" статус
<button type="button" disabled>Click Me!</button>  

Скорей всего сайт написан на Django Framework

Не правильно:
Правильно:
<img src="//bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" alt=""> Ошибка в названии атрибута. Правильно: src

Попробуйте вот так — https://jsfiddle.net/klierik/s8udcght/1/

Здравствуйте. Как вариант можно сделать так:

Здравствуйте. Вот этот код отвечает за цвет линии:
.col-2 { border-left: 4px solid #a0a0a0; // цвет границы margin-left: -1px; padding-left: 20px; }  

Обновить пример и получить результат:

Если я правильно понял, то имеется ввиду срабатывания события при нажатии на кнопку "Enter" на клавиатуру. В результате чего должна выполнятся ф-я "checkGuess()". Если так, то вот пример:

Попробуйте поработать с этим примером

По умолчанию все дочерние элементы flex-блока имеют одинаковую высоту. А выравнивание можно обыграть так:

Тут 2 варианта
или обрезать исходную картинку до пуной высоты или поместить картинку в блок с фиксированной высотой и ему задать overflow:hidden  

Здравствуйте
При данной постановке вопроса — никак.
Фоновая картинка отображается в рамках своего контейнера.

Здравствуйте.
Вот этот пример можно взять за основу:

То что касается иконки и прочих эффектов — это уже мелочи, там легко.

Здравствуйте.
Как вариант начать от сюда:

Здравствуйте.
Не обязательно делать одну линию через 3 блока. Можно её реализовать как отдельный блок, конфигурируемый, с точкой. Позиционировать в рамках каждого блока-родителя

Не будет и не должно, потому как первым в списке дочерних элементов у родителя "team-descr" — это H3.
<div class="team-descr"> <h3>Bradley Hunter</h3> <!-- это :first-child --> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- это :last-child --> </div> Под
:first-child/:last-child подразумевается не вхождение выбранного Вами селектора, а первая нода, тег, которые одет по списку.
В ваше случае псевдо-элементы будут работать только в том случае, если в контейнере первым и последним будут ".name"
<div class="team-descr"> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :first-cild --> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <p class="name">Based in Chicago. I love playing tennis and loud music</p> <!-- :last-child --> </div>  

Закрываю данную тему и меняю название ветки форума. А так же и формат форума поменял на вопросы/ответы. Для каждого отзыва/предложения открывать свою тему для обсуждения и отслеживания состояния будет удобней. Так же почистил ветку от старых не релевантных тем.
В связи с тем, что функциональная часть форума улучшается, допускаю появление мелких незначительных багов 🙂 Данная ветка будет как раз кстати для таких ситуаций.
Буду благодарен за фидбек любых обнаруженных проблем 🤝

Посмотрите на этот пример