Any idea how to implement this element on the site using HTML and CSS?

Question

Layout

I am practicing layout. Here I ran into a problem with the layout of this element. Can you show an example code

Answer 1

The hardest part was coming up with a selector for the block))
https://codepen.io/delphinpro/pen/xYJxgN?editors=1100

Answer 2

I can advise you to use the good old Bootstrap in this case. There you can use container-fluid with the background of such an image, and 2 row with columns. try to use the 24x column version it will be easier to position according to the layout.

Answer 3

The task of a nifiga not trivial and from a swoop was not solved. As a result, I reached a dead end https://jsfiddle.net/j3znd5hq/ , I need to do it again and in a different way, but this is already too lazy. At least see what not to do.

Answer 4

https://jsfiddle.net/c9hhe9wc/ mb right?

Answer 5

dev-ithard.com there is a similar block below. Take a look, maybe it will help you

Answer 6

Bulleted list ul li and flex.

Answer 7

Flexbox example and transform: translate
The laziest solution.

Answer 8

Slightly corrected the Basil_Dev option . Without transform.
Link