Что подправить в бордере?

Question

[olya_097]

чтобы там где я обвела не было бордера

https://jsfiddle.net/ufpvq9to/

Answer 1

[Андрей]

Как один их вариантов
предлагаю это убрать

.features__item:not(:first-child) {
    border-left: 2px solid #003a7d;
}

и сделать вот так:

.features__item {
	position: relative;
}
.features__item:not(:first-child)::before {
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	border-left: 2px solid #003a7d;
	height: calc(100% - 40px);
}
.features__item:nth-child(odd)::before{
	top: 40px;
}

или

.features__item {
  position: relative;
}
.features__item:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 40px;
  left: -1px;
  border-left: 2px solid #003a7d;
}
.features__item:nth-child(odd)::before{
  top: 40px;
  bottom: 0;
}

или ...

Comments

[olya_097]

Андрей, спасибо
а почему именно left: -1px;?

[Андрей]

т.к. указан border (рамка, граница) 2px, что означает, что она будет распространяться именно на этот блок.
Поэтому мы сдвинем ровно половину этой "полосы" на соседний блок, для равномерного распределения "полосы" на все блоки, т.е. на левый (соседний), где правой стороне не указано значение border (рамка, граница)
..рамка будет "распространятся" правильно по обеим сторонам одновременно
PS: надеюсь понятно объяснил

[Андрей]

PS: если border необх. только данному блоку, то left: 0

[olya_097]

Андрей, да
спасибо