How do I align it to the center with the Flexbox?

Asked Apr 22 '21 at 19:21

Active Apr 22 '21 at 19:45

Viewed 26 times

I built personal projects and have problems with Flexbox. I can do it smoothly with space-between in a three-element case, but I could not do it with two elements.

I want to center the logo on the screen, leaving the left side blank. There are items on the right, but I cannot align the logo exactly.

How can I center this logo to cover items?

=> What I'm trying (not center)

=> What I want (center)

CodeSandbox Example: Here

asked Apr 22 '21 at 19:21

sergiomiguel

plz check if class header__brand has any right margin set in css ? – Dr Manish Lataa-Manohar Joshi Apr 22 '21 at 19:24
Seeing your screenshots, actually the first one looks centered to me. If you consider the space between logo and search input. – Masood Apr 22 '21 at 19:26
i did it with position absolute. thanks everyone. – sergiomiguel Apr 22 '21 at 19:49

How do I align it to the center with the Flexbox?

0 Answers0