Font Awesome Icon will not Center

HTML-CSS
1

Tell us what’s happening:
Hey,

Im trying to center a building Icon in my “company” div above the “company” title but no matter what im trying i can’t get it to center.

I’ve tried putting the Icon in its own div and making that div into a flexbox to use justify content to center…doesn’t work, tried this along with making the icon display inline block just to see if it would do anything…

Any Thoughts ? Thanks for the help in advanced :slight_smile:

Your code so far
https://codepen.io/Cl0udFir3/pen/NWrVMRQ

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

2

hey @Cl0udFir3,

try this

#icomp {
  margin:auto;
}
1 Like
3

Holy Biscuitz!,

Thank ya sir! lol

The funny thing is i tried that but on the div that i had created for it. didn’t think to just put it on the icon itself x)

Thanks very much! :slight_smile:

1 Like