From 4fbc9b9ed09de949fea7ab5233f1c6b70e5a0f0d Mon Sep 17 00:00:00 2001 From: Peter Mueller Date: Thu, 28 May 2015 14:55:50 -0400 Subject: [PATCH] add css to match example image --- top-nav-drill/main.css | 51 +++++++++++++++++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/top-nav-drill/main.css b/top-nav-drill/main.css index 9d37c16..550af98 100644 --- a/top-nav-drill/main.css +++ b/top-nav-drill/main.css @@ -2,4 +2,53 @@ margin: 0 auto; } -/*Put your code here*/ +header { + background-color: black; +} + +header a { + color: white; +} + +header span { + font-size: xx-large; + font-weight: bold; + display: inline-block; + margin: 10px; +} + +header span a { + text-decoration: none; +} + +nav { + float: right; + margin: 20px; +} + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +nav li { + display: inline; + margin: 5px; + font-weight: 300; +} + +.container > section { + width: 50%; + margin: auto; +} + +.container > section h1 { + padding: 5px; + border-bottom: 1px solid black; + +} + +footer { + border-top: 2px solid gray; +} \ No newline at end of file