Как сделать так чтобы чёрный прямоугольник занимал ровно половину высоты? высота

Question

Как сделать так чтобы чёрный прямоугольник занимал ровно половину высоты? высота

карточки плавающая, поэтому нужно что-то вроде height: 50% но это не реботает
чёрный прямоугольник и карточка лежат в одной дивке флексом

это нужно для того чтобы сделать потом линии дерева через border-bottom-left-radius

#css #frontend #html #programming #russian

0

25.08.2022

10 ответов

4 просмотра

Zahar Avsievich

если не работает, попробуй ещё flex/grid

0

25.08.2022

лкп Автор вопроса

Zahar Avsievich
а почему не работает?

с height любого значения чёрный прямоугольник становится вот таким

0

25.08.2022

Zahar Avsievich

лкп

с height любого значения чёрный прямоугольник стан...

🤔 а можешь кодпен сделать, пж?

0

25.08.2022

лкп Автор вопроса

Zahar Avsievich
🤔 а можешь кодпен сделать, пж?

https://codepen.io/dmvshn/pen/JjrPboP

0

25.08.2022

Zahar Avsievich

лкп
https://codepen.io/dmvshn/pen/JjrPboP

https://codepen.io/zavsievich/pen/rNdgyqg

0

25.08.2022

лкп Автор вопроса

Zahar Avsievich
https://codepen.io/zavsievich/pen/rNdgyqg

мужик, спс) а можно это как-то сделать через флекс контейнер? я ваще хз как потом эти гриды поддерживать. вообще за гриды не шарю)

0

25.08.2022

Zahar Avsievich

лкп
мужик, спс) а можно это как-то сделать через флекс...

думать надо, мне лень) прошарь, это полезно, их нечего поддерживать

0

25.08.2022

Zahar Avsievich

лкп
мужик, спс) а можно это как-то сделать через флекс...

вот статья хорошая https://medium.com/@stasonmars/%D0%B2%D0%B5%CC%88%D1%80%D1%81%D1%82%D0%BA%D0%B0-%D0%BD%D0%B0-grid-%D0%B2-css-%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D0%B5-%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%B8-%D1%81%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B8%D0%BA-220508316f8b

0

25.08.2022

лкп Автор вопроса

Zahar Avsievich
вот статья хорошая https://medium.com/@stasonmars...

спасибо за помощь

0

25.08.2022