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.