Jump to content
Anca

Responsive navigation and hero image

Recommended Posts

Hello,

I'm pretty new to html/css and I need some help with the menu from the navigation and the hero-image at less than 620px width.

So when I scale down the website, I would like the menu to get under the logo and be centered both.

Also, how can I prevent the submit button to overflow the container from the hero-image at less than 620px? This happens when the headline breaks into 2 rows. 

Here is the codepen link: https://codepen.io/ancapopescu6/pen/xMqJMY

Thank you very much!

Share this post


Link to post
Share on other sites

You place the media queries below the original default code and place selector and changes in styling within the device set size range of each media query. 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...