Product Landing Page (need feedback)

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.

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>

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!

Thanks very mach for your feedback.

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

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"

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

Thanks for your suggestion.