Задать вопрос
@obl

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

5b180a4d6dca9743499852.jpeg

как сверстать нижнюю полоску ?
  • Вопрос задан
  • 166 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Комментировать
Пригласить эксперта
Ответы на вопрос 3
UnluckySerivelha
@UnluckySerivelha
.button {
  ...
  position: relative;
}

.button:after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: red;
}
Ответ написан
Комментировать
@YuraArt
<div class="button-wrap">
    <button>Lorem ipsum.</button>
</div>


.button-wrap{
    border-bottom: 1px solid red;
}
.button-wrap button{
    ...
    margin-bottom: -1px;
}
Ответ написан
Комментировать
@DmitriySwan
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы