Как разместить иконку, картинку вокруг круга?

Question

[Sanzhar Bazarbek]

Задача: разместить иконку - img разместить по центру и 3 круга таких по горизонтали, то есть flex
Принимал разные варианты решения задачки, не удается =(
Код: https://jsfiddle.net/4xw0p6h3/9/

Comments

[Иван]

точнее можно описать, что вы хотите? Желательно в Painte нарисуйте. Не совсем понятно, что именно требуется

[Sanzhar Bazarbek]

Иван, да, пожалуйста

Answer 1

[lUser L]

Классу .taskItems нужно флексить, а не .tasks

Comments

[Sanzhar Bazarbek]

окей! Это преобразовало в flex-форму
Теперь, второй вопрос, как иконку разместить по центру этого круга? Он размещается, но никак не по центру

[lUser L]

Sanzhar Bazarbek, задай вопрос нормально, оформи пример как следует, я не пойму, что нужно сделать, по центру какого круга ?

[Sanzhar Bazarbek]

Эмиль 🔥, вот так примерно надо

Answer 2

[Иван]

Comments

[Sanzhar Bazarbek]

Первый вариант верен, но нужно вставить иконку по центру.
В код забыл поставить картинку

[Иван]

Sanzhar Bazarbek, можно точно так же, только .taskImg задать

display: flex;
justify-content: center;
align-items: center;

И все

[Иван]

Sanzhar Bazarbek, Подправил ответ, с иконкой, посмотрите.

[Sanzhar Bazarbek]

Иван, да, это верно! Но, кажется в одной из иконок что не ровно

Answer 3

[Danny Arty]