t00rt
@t00rt

Как сделать border дочерних div блоков не сдвоенными с родительским?

Есть блок, в нем еще куча блоков. Как сделать аккуратную сетку разделения, а то получается что границы дочерних блоков задваиваются c границами родителя?
https://codepen.io/rudad/pen/zyGGQm

P.S. У родителя должна быть рамка, всегда.
  • Вопрос задан
  • 151 просмотр
Решения вопроса 1
aliencash
@aliencash
Партизан
Добавьте
.box {
  border-bottom: none;
  border-right: none;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
RhesusNegative
@RhesusNegative
Negative
.box {
	border-top: 1px solid #00aeef;
  	border-left: 1px solid #00aeef;
	width: 50%;
	margin: 100px auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

}

.block {
	border-right: 1px solid #00aeef;
	border-bottom: 1px solid #00aeef;
	width: calc(100% - 1px);
	height: 50px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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