Streaming live at 10am (PST)

Center Aligning the Search Element with a Flexbox Parent


#1

I am having some trouble center aligning a search element within a flexbox parent.

I made a video showing what the problem is: https://www.useloom.com/share/36472babe0d54954a5c95f206d56e7f2

You can also check it out in the designer here (just go to the lessons page under CMS collections when using the link): https://preview.webflow.com/preview/moshes-first-project-ac28b9?utm_source=moshes-first-project-ac28b9&preview=db42e421b8ad2f477621d816f78f51f2


Any ideas how to fix this?


#2

Hi @moshemo

Just delete all the bottom margins from the search element. Then you can add padding to your header. Here’s a quick video:


#3

Perfect - thanks :slight_smile: