How to set the width of the fontawesome icons

I need some help to get the width for all three fontawesome at same size.

No matter how hard i tried , it still end up like this where the fire icons is aligned properly with the truck icons

and what is causing the fire icons to have larger right space than than truck & battery icons???


Each of the icons are different widths and act as text so they are all aligned to the left.
You can try setting
text-align: center; on .article-icon and they look more consistent then.

Hope that helps and happy coding :smiley:

Yup , it worked after giving the icon width in viewport (to remove the extra space) and text-align did center those icon for me.

Thanks for your help Mazon.