diff --git a/index.html b/index.html index f74abbf..6b37f6c 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,25 @@ - Introduction to the DOM + Aaron King...DOM +

Header

+
+
+
+

Placeholder

+
New!
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+
+

Placeholder

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nunc libero. Donec dignissim turpis eget ipsum volutpat, non egestas risus fermentum. Etiam bibendum, eros sed interdum pulvinar, metus sapien ultricies justo, at accumsan lorem odio vitae sapien. Donec commodo sodales hendrerit. Vestibulum id tempor nisi, eget consequat sapien. Aenean a tincidunt nisi, non congue risus. Pellentesque ut sem vitae quam accumsan posuere id a nisl. Nam vulputate tellus ullamcorper tortor eleifend varius. Fusce fringilla sit amet sem ut facilisis. Curabitur laoreet fringilla metus suscipit pharetra.

+
+
\ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..a6383d3 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,61 @@ +html, p, h1, h2 +{ + display: flex; + margin: 0; + padding: 0; +} + +h1 +{ + display: flex; + justify-content: center; + padding: 10px; +} + +h2 +{ + display: flex; + padding-left: 10px; + height: 50px; +} + +p +{ + display: flex; + padding: 0 0 10px 10px; +} + +.container +{ + display: flex; + flex-grow: 100%; +} + +.post +{ + display: flex; + border: solid black 2px; + align-items: flex-start; + flex-direction: column; +} + +.new +{ + display: flex; + background-color: gray; + margin-top: 5px; + padding: 10px; + align-self: flex-start; +} + +.placeholder +{ + display: flex; + width: 100%; +} + +.placeholderfix +{ + display: flex; + width: 100%; +} \ No newline at end of file