Best way to get icons and text aligned? Product Landing Page

I’m working on the product landing page for the HTML-CSS course. I’d like my icons and text neatly aligned like in the example landing page, but this is what I’m getting



The culprit is the justify-content: center on the container. Remove that and they will line up the way I think you want them to. But now they are all the way over to the left, so you need to center the container. One way to do that would be to give it a max-width (preferably in rem units) and then center it with auto side margins.

1 Like

Please I don’t understand can u explain further or send me a video please

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.