diff --git a/README.md b/README.md index 2d40406..088937f 100644 --- a/README.md +++ b/README.md @@ -1 +1,3 @@ -# css-exercise-one \ No newline at end of file +# css-exercise-one + +The first attempt at styling with CSS diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..e69de29 diff --git a/css/style.css b/css/style.css index 20b5581..33c5261 100644 --- a/css/style.css +++ b/css/style.css @@ -1,36 +1,31 @@ -body - font-size: 14px; +body{ + font-size: 12px; } nav { - background color: yellow; + background-color: yellow; height: 100px; margin-top: -10px; position: fixed; width: 100%; - + text-align: center; + display: inline-block; +} section { margin: 0 auto; width: 60%; } -h1 { - font-family sans-serif; - font-size: 2em; -} - -.example, h3 { - padding-top: 30px; - text-align center -} - -h3 { - font-size: 1.3em; -} - .element { background-color: green; height: 100px; - margin 10px 0; - width: 100%; + margin: 10px 0; + width: 100%; + text-align: center; + display: inline-block; +} + +.element1 { + background-color: pink; +} diff --git a/index.html b/index.html index 8848434..5a22a92 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,8 @@ - + +