SitnikKsl
@SitnikKsl
Студент ТУСУРа

Как растянуть div по ширине родителя в данном случае?

Макет выглядит следующим образом 5b80053fc1ee0193982403.jpeg
Значит - нужно сделать стили для "CONTACT" и "SKILLS" так, чтобы можно было просто повесить класс и все работало одинаково и полоса после заголовка растягивалась автоматически по ширине всей обертки.
Вот так выглядит код
.profile{
	width: 825px;
}
	.profile_head{
		display: flex;

	}
		.profile_logo{
			width: 148px;
			height: 148px;
			background-color: #3d6cb0;
			border-radius: 50%;
		}
		.all_left_titles{
			font-family: 'Conv_Myriad-Pro-Bold';
			font-size: 82px;
			color: #3d6cb0;
			display: flex;
			align-items: center;
			text-transform: uppercase;
			&:after{
				width: 100%;
				height: 13px;
				background-color: #3d6cb0;
				content: '';
			}
		}

НО! Элемент after становится с нулевой шириной и не растягивается. Как решить?
  • Вопрос задан
  • 203 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 3
Hando
@Hando
Верстак
Боюсь тут нет экстрасенсов, чтобы не видя верстки вам что-то по стилям наванговать. Ну задайте псевдо-элементу after - "display: block;", как вариант.
Ответ написан
@smoyke
HTML программист
Добавьте display: block; для after.
P.S. пока писал уже ответили))
Ответ написан
SitnikKsl
@SitnikKsl Автор вопроса
Студент ТУСУРа
Нужно было "after" задавать не тексту, а всей шапке. Все сработало
Ответ написан
Ваш ответ на вопрос

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

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