Vene4ka
@Vene4ka
Учусь программировать :>

Как поместить полоску под блок?

Ку, привет! Первый раз решил сделать хоть что-то красиво, в итоге имею то-что имею.

Мне нужно поставить полосочку под табы. И потом я сам это как-то красиво заанимирую, но сейчас у меня головоломка.
Щас у меня есть это:
v0G4e3U.png
Мне так и нужно, но если я изменяю размер экрана, то оно остаётся на том-же месте, и не подвигается под Логин.
Код полосочки:
.selected-outline {
    display: block;
    height: 2px;
    width: 60px;
    background: rgb(122, 122, 122);
    margin-left: 44.6%;
}

Код блока с табами и сами табы:
.tabs {
    display: flex;
    justify-content: center;
}
.login-tab {
    padding: 10px;
    margin: 3px;
    background: rgb(189, 189, 189);
    display: inline-block;
}
.reg-tab {
    padding: 10px;
    margin: 3px;
    background: rgb(189, 189, 189);
    display: inline-block;
}
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Проще всего псевдоэлементом.

Можно тенью, можно градиентом.

Мне так и нужно, но если я изменяю размер экрана, то оно остаётся на том-же месте, и не подвигается под Логин.

По это ничего не понятно. И кто из них Логин тоже.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы