Как сверстать элемент с вырезанными до середины краями?

Question

[Анастасия]

Всем привет. Есть вот такой элемент (на подобии ваунчера). Задача сверстать его. Как это сделать лучше всего -с flexbox или grid?
А также как сделать эти вырезы элемента? Иконка компании тоже будет меняться, поэтому вариант чтобы вставить изображение отпадает

Comments

[mipfikus]

boreder radius

Answer 1

[Дмитрий]

Пример

Answer 2

[Дима Долготер]

https://codepen.io/DimaDolgoter/pen/KKVzeQq?editor...
держи братуха)

Answer 3

[arsenty]

Делаете SVG (эскпортируете из макета или рисуете сами) и используете CSS-свойство mask-image.