help needed/basic layout

busso
busso
https://jsfiddle.net/busso/b9xsfrav/1/

just a reminder, im pretty new to web design so go easy on me.

im trying to make a simple header and nav section. with the use of flex. i saw in a tutorial flex can divide the width between elements equally so that what i have tried, but for some reason unknown to me the nav div elements are on top of each other. also, im confused about the positioning part, mainly my background color for the nav element dissappearing. any help appreciated

Comments

  • calder12
    calder12
    Senior Member Posts: 13,506
    1. Stop pasting everything into your Fiddles. They don't need the head, document stuff or body and html tags. It just causes confusion.
    2. You were missing some elements, had the flex rule on the wrong element and had a : after your nav in the CSS.

    Aside from that divs are not the right element to be using for a nav, they should be list items.

    https://jsfiddle.net/b9xsfrav/4/
  • busso
    busso
    thanks
Sign In or Register to comment.
© Copyright 2003 - 2016 - DT by Kooc Media