Product Landing Page (need feedback)

Code Feedback
1

Hello Guys!
I am working on my Product landing Page Project, it is almost finished but I can’t style the fire icon in css. Please leave some feedback for me, that how can I fix it.
https://codepen.io/Nabila95/pen/oNbyEqz

2

Hi nabila.

Good luck with your trombone landing page :slight_smile:

Do you intend to center the fire icon? In the HTML code, wrap the i item inside a <div></div> element:

    <div id="fire-container">
    <i class="fa fa-fire"></i>
    </div>

And in the CSS section write this:

#fire-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fa-fire {
  font-size: 25px;
}

Hope it helps!

3

Thanks very mach for your feedback.

4

I did what you said but still it is not working .

5

Hey, I tried adding this to your codepen, and it worked fine :slight_smile:
Maybe the classnames or id-s weren’t matching.

#container {
  display: flex;
  justify-content: center;
}

#container i {
  color: green;
  font-size: 5rem;
}

#container i::after{
  color: red;
  content: "YEEEEEEEYYY"
}```
6

Love the colour scheme and fonts!
I would center the video and add a margin-top to it (or margin-bottom to previous container).

7

Thanks for your suggestion.