How to center menu and footer bar?

Hi! I’m new in css and i’m building now my first website. I want to center the menu and footer bar? Not only the text, but the whole nav bar. And how to adjust the alignment of footer bar, I mean how to move in slightly top of the bottom of the page? Pls help me. Thank you!

Here’s the script of menu bar css:

.main-navigation {
    clear: both;
    display: table;
    font-weight: 300;
    font-family: 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    text-align: center;
    border-bottom: 3px solid #e92121;

Float to upper right corner

I would like for the picture of the two people to float to the top right corner, you'll see that I already made some space for it but it doesn't float. I'm quite new to the whole webdesign, so don't make it to hard to understand because it's for a school project.

Please help...
Thanks!!!

display:flex;

Hello,
i have a problem with the css rule display: flex. Well to be honest, the problem is with the Mozilla FireFox browser. Every other browser displays the page as i intend it to display, but with firefox there´s a problem.
I have a container with the class of promo that holds tree colomns with the class of coluna.

The CSS is as folows:
.conteudo .promo {
max-width: 100%;
display:flex;
flex-flow:row wrap;
justify-content:center;
}
.conteudo .promo .coluna{
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
width: 30.3333%;
padding: 5px;

Diagonal menu

Hi everybody,
I'm a mid-level CSS programer, and ran into a challenge and was wondering, how to set up this diagonal menu.

Does anyone can help me?
Thanks in advance.

Diagonal Menu

Hi everybody,
I'm a mid-level CSS programer, and ran into a challenge and was wondering, how to set up this diagonal menu.

Does anyone can help me?

Thanks in advance.

Syndicate content