How can I centralize my dropdown menu?

Navigation
-1

Hello. I am attending the first month of a technical course and I am working to create a website using HTML5 and CSS3 techniques that we have learned in the classroom and innovations would be welcome. I've looked a lot about dropdown menus and a person on facebook has helped me apply the dropdown on my site, however the menu is all left aligned and I've tried to rewrite and edit as much as possible but there was no success. How can I be solving?

Here is the link project (sorry but as the user tried to add the dropdown to a ready menu, it resulted in this kk )

Thank you in advance!

    
asked by anonymous 14.09.2016 / 16:58

1 answer

0

This is easily solved using display: flex in your menu class, for example; 

.menu {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -o-display: flex;
  align-content: center;
  justify-content: center;
}

What matters most to you is display: flex , the lines where they are written -moz-, -o- e -webkit- serve to make sure that this will work in all browsers.

Here are some links to help you learn flexbox.

Css trick

Awesome BR , this link contains content for various subjects, including css, note that within the CSS category you can also find a cool game to help you learn flexbox. Flexbox Froggy

    
14.09.2016 / 17:18
Bot Telegram without webhook Doubt in the implementation of the ode45 function of Matlab