@Denis_1334

Почему не работает свойство justify-self?

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="content">
	<div class="nav1">
		<div><p>Главная</p></div>
		<div><p>Регистрация</p></div>
		<div><p>Личный кабинет</div>
		<div><p>Информация</p></div>
	</div>
	
	<div class="about">
		
	</div>
</div>
</body>
</html>



<code lang="css">
.content {
	display: grid;
	grid-template-columns:300px 250px;
}


.about {
	height: 100vh;
	widows: 100%;
	background: green;
        justify-self: end;
}

.nav1 {
	display: grid;
	width: 300px;
	height: 400px;
	grid-template-rows: repeat(4, 1fr);
	background: rgb(124, 124, 124, .3);


}

.nav1 div {
	display: block;
	background: rgb(18, 20, 28);
}

.nav1 div p {
	text-align: center;
	margin-top: 30px;
	font-size: 30px;
	color: rgb(86, 94, 120);

}


.nav1 div p:hover {
	animation-duration: 2s;
	animation-name: p ;

}

@keyframes p {
	0% {
		color: rgb(86, 94, 120);
	}

	100% {
		color: rgb(184, 184, 226);
	}
}
</code>

При присвоении свойства justify-self к элементу .about , он не работает , отображается как будто такого свойства не существует , почему ?
  • Вопрос задан
  • 28 просмотров
Пригласить эксперта
Ответы на вопрос 1
natojezlo
@natojezlo
!important не?
Ответ написан
Ваш ответ на вопрос

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

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