diff --git a/css/style.css b/css/style.css index c6fcc0e..a70a919 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,42 @@ -.myDiv{ - +.container { + position: relative; + height: 100%; + border: 3px solid green; + background-color: burlywood; + margin: 0; + padding: 0; +} +.myDiv { + position: relative; + border: 3px solid green; +} +.pic { + align-items: center; + display: block; + margin-left: 350px; +} +.c1 { + height: 50px; + position: relative; + margin-left: 670px; +} +.c2 { + height: 20px; + margin-left: 60px; +} +@media screen and (max-width: 1200px) { + .pic { + align-items: center; + display: block; + margin: 10%; + } + .c1 { + margin-left: 40%; + margin-top: 5%; + margin-bottom: 0%; + } + .c2 { + align-items: center; + margin: 10% 10%; + } } diff --git a/index.html b/index.html index a71ad31..c4cba96 100644 --- a/index.html +++ b/index.html @@ -1,34 +1,38 @@ - - - My Site Title - - + + + My Site Title - - + + - -
-
+
+
- -

My Page Title

+

+

My Page Title

+

- - A picture of my grumpy cat, Peggy + A picture of my grumpy cat, Peggy - -

- This is a paragraph. It will have line breaks if there is enough text. This is a fundamental element for creating page content. - Sometimes you will need bold text, and sometimes you will need italicized text. -

-
+

+ This is a paragraph. It will have line breaks if there is enough text. This is a fundamental element for + creating page content. + Sometimes you will need bold text, and sometimes you will need italicized text. +

+
-
-

My Second Most Important Heading

+
+

My Second Most Important Heading

- -
    -
  • An unordered list item
    • -
  • An unordered list item
    • -
  • An unordered list item
    • -
+
    +
  • An unordered list item
    • +
  • An unordered list item
    • +
  • An unordered list item
    • +
- -
    -
  1. My first list item
    2. -
  2. My second list item
    3. -
  3. My third list item
    4. -
-
+
    +
  1. My first list item
    2. +
  2. My second list item
    3. +
  3. My third list item
    4. +
+
- - - - + + + + \ No newline at end of file diff --git a/style.css b/style.css index ebd3a4e..8371917 100644 --- a/style.css +++ b/style.css @@ -1,23 +1,3 @@ -body{ - color:orange; -} - -.myDiv-1{ - background-color:red; -} - -.myDiv-1 h1{ - -} - -.myDiv-1 p{ - -} - -.myDiv-2{ - background-color:green; -} - -.myDiv-2 h2{ - +body { + background-color: blue; }