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

Question

[olya_097]

Чтобы псевдо был по высоте до условной линии показаной на скрине

https://jsfiddle.net/1ujtxvd6/

Comments

[Annalana]

Если я правильно понимаю, то подправить высоту, например:
height: 1100%;
Поэкспериментируйте с цифрой, чтобы получилось ровно.
Могу быть неправа, сама новичок. но в Вашем примере все получилось

[Сергей Карвасарный]

или как пишут выше указать бешеный height и сделать hide чтобы обрезать лишнее или по средства js измерить высоту и присвоить ее вашему :after, что более правильнее и лаконичнее решать вам) если смотреть со стороны того что если вы укажите 1000000% и когда-то страница превысит эту высоту то картинка будет не до конца) это конечно из разряда фантастики) ну а js всегда измерить точно высоту))

Answer 1

[xversus]

Как вариант - убрать position: relative у .info .info__item:first-child и проставить его для .item:last-child.
Псевдоэлемент будет спозиционирован относительно более далекого предка, и height: 100% сработает. Останется только подправить высоту псевдоэлемента с учетом высоты h3, например, с помощью calc.

Comments

[olya_097]

xversus, спасибо
помогли)