Position icon horizontally and vertically with flexbox

Hi. I’m wanting to position a facebook icon inside my header horizontally and vertically with flexbox, but I’m not understanding how to do it

my code: https://codepen.io/sophiaalves000/pen/xxExgvN

i want this result in this image

Hi @sophialves000

For centering an element both vertically and horizontally in flexbox you have to use both justify-content: center; and align-items: center property

Thank you.