diff --git a/Lesson02-HTML-CSS/homework/homework.html b/Lesson02-HTML-CSS/homework/homework.html index b722c6acc..aa8c41b0c 100644 --- a/Lesson02-HTML-CSS/homework/homework.html +++ b/Lesson02-HTML-CSS/homework/homework.html @@ -1 +1,45 @@ - \ No newline at end of file + + + + Matt Oakley + + + + +
+

Matt Oakley

+

Lambda School

+

HTML/CSS homework

+
+
+ My favorite food would have to be Mexican food + My favorite restraunt +
+
+ +
+ + + \ No newline at end of file diff --git a/Lesson02-HTML-CSS/homework/styles.css b/Lesson02-HTML-CSS/homework/styles.css new file mode 100644 index 000000000..4cff14288 --- /dev/null +++ b/Lesson02-HTML-CSS/homework/styles.css @@ -0,0 +1,16 @@ +h1 { + color: blue; + } +img { + width: 400px + } +#thirdDiv { + border: 4px solid green; + height: 800px; + width: 500px; + background-color: red; + padding: 50px; + + } +#idSpan {font-size: 18px; + margin: 50px} \ No newline at end of file diff --git a/Lesson03-CSS-Positioning/homework/homework.css b/Lesson03-CSS-Positioning/homework/homework.css index a45394a92..d629461c9 100644 --- a/Lesson03-CSS-Positioning/homework/homework.css +++ b/Lesson03-CSS-Positioning/homework/homework.css @@ -8,36 +8,72 @@ in this folder, you are in the wrong place. /* We will start this one off for you: */ #exerciseOne { - +display: block; +text-align: center; } /* Exercise Two: Positioning a Header Bar*/ /* Place code here */ - +#exerciseTwo { +display: none; +} /* Exercise Three: */ /* Place code here */ - +#exercisethree { + display: flex; + position: absolute; + top: 100px; + left: 200px; +} /* Exercise Four: */ /* Place code here */ - +#exercisefour { + display: flex; + position: absolute; + top: 0; + left: 0; +} /* Exercise Five */ /* Place code here */ +#exercisefive { + display: flex; + width: 100%; + justify-content: space-around; + align-items: center; + flex-direction: row-reverse; + +} /* Exercise Six */ #exerciseSeven { display: flex; +justify-content: space-around; +} + +#itemthree { + align-self: center; +} + +#itemone { + align-self: flex-end } + +#itemfour { + flex-direction: column-reverse; +} + + diff --git a/newfile.js b/newfile.js new file mode 100644 index 000000000..e69de29bb