Landing Page - Responsive Image with navbar

Hi All,

I’m just starting my landing page and started with the nav bar and logo image. I’m comparing my page to the sample page and noticed that when the sample page has a width of 320px, has the logo image is on top with the nav bar underneath it. I’m trying to figure out how to do the same. I set a media query that my logo image has flex: display and flex-direction: column thinking that was it, but no such luck. Thanks in advance for ideas and suggestions.

Sample Page:


My Page:


My Page Url:

Looks like you are using bootstrap and you are using it wrong.

Columns need to wrapped inside a div with a class of “row”.
You are also giving your header a column class which is probably not what you want.

I would look at their documentation on how to implement layouts in bootstrap.

Thanks @shimphillip. I will take a look for sure.