How to set the width of the fontawesome icons

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

https://codepen.io/hatstraw/pen/wvMLwZx

No matter how hard i tried , it still end up like this where the fire icons is aligned properly with the truck icons
https://codepen.io/hatstraw/pen/xxZoxKO

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

Hi,

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.