Как сделать разметку этого блока?

Question

[Виталик]

Подскажите пожалуйста как сделать разметку этого блока с учётом адаптива?

Попал в ступор.....

Comments

[Ankhena]

Если гридами, то как на картинке. Если флексами, то заголовок + текст + ссылку можно обернуть в div.

Answer 1

[Виталий Першин]

К примеру так:

Comments

[Виталик]

Фон получается картинкой нужно делать?

[Виталий Першин]

Виталик, Градиентом можно

background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(61,255,0,1) 70%, rgba(61,255,0,1) 100%);

Answer 2

[Alex]

Две секции:

1. Блок с текстом+картинка
   
2. Список услуг
   

Каждая секция адаптируется не зависимо.
По умолчанию весь контент в одну колонку. При увеличении ширины контейнера в несколько колонок

Comments

[Виталик]

а с фоном как быть?

Answer 3

[Виталик]

а фон картинкой делать?