problem when picture next to the text design css : the picture does not next to the text as design-CodePudding

I am newbie with html css and trying to code a very simple page follow an online tutorial. And here is my problem.

Here is my code

   https:// codepen.io/anhbui2904/pen/jOxeQgw

As you can see, here is my result (my page), my icon's picture is lying above the texts.

Here is the design

In the design, the icon's picture is lying next to the texts.

You can see in my code, I thought that may be my problem is because of the css file.

Could you please give me some advice for this problem ? Thank you very much for your time.

CodePudding user response：

you need to remove flex-wrap: wrap; from the .row class and have to add align-items: center; to the .row class. Hope your problem will be solved.

CodePudding user response：

Just remove flex-wrap: wrap; from the .row, and it will work.