Landing Page - Responsive Image with navbar

HTML-CSS
1

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:

2018-09-11_1408

My Page:

2018-09-11_1408_001

My Page Url:
https://codepen.io/mevorahde/pen/KxXQdG

2

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.

3

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