Need help with Product landing page in the features section,

Tell us what’s happening:
Describe your issue in detail here.
I need help with the features section in the product landing page project,
I want to build it with the display flex property, but it is not working correctly

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36

Challenge: Build a Product Landing Page

Link to the challenge:

Hi, if you mean item of “ul” element in one row, use display: flex; for “ul” elemen in Css

thanks for your response, please see this link:

https://cdpn.io/freeCodeCamp/fullpage/RKRbwL#features

I want to built the features part for this project, but when I use the fontawesome icons, they are just spreading in all over the page

You didn’t close the i elements.

You have:

<div class="icon"><i class="fa fa-3x fa-fire"></div>

Should be:

<div class="icon"><i class="fa fa-3x fa-fire"></i></div>
1 Like

Yes, that was the issue.
Thank you so much for your help.