commit 84363c089cbe444b1ee31e5b5acaf9cbb7e22bac Author: Cody Loyd Date: Tue Aug 17 15:27:54 2021 -0500 add first two exercises diff --git a/margin-and-padding-2/README.md b/margin-and-padding-2/README.md new file mode 100644 index 0000000..cd9d5dd --- /dev/null +++ b/margin-and-padding-2/README.md @@ -0,0 +1,6 @@ +# Margin and Padding #2 + +This one is a little nicer looking, and a little closer to something you might see in the real world. You'll need to change a little more than just margin and padding to make it look exactly right. + +## Desired outcome +![desired outcome](./desired-outcome.png) \ No newline at end of file diff --git a/margin-and-padding-2/desired-outcome.png b/margin-and-padding-2/desired-outcome.png new file mode 100644 index 0000000..0cdf63e Binary files /dev/null and b/margin-and-padding-2/desired-outcome.png differ diff --git a/margin-and-padding-2/index.html b/margin-and-padding-2/index.html new file mode 100644 index 0000000..9efd6eb --- /dev/null +++ b/margin-and-padding-2/index.html @@ -0,0 +1,45 @@ + + + + + + + Margin and Padding exercise 2 + + + +
+

I'm a card

+
I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.
+
and a
+
+ \ No newline at end of file diff --git a/margin-and-padding/README.md b/margin-and-padding/README.md new file mode 100644 index 0000000..bc60e57 --- /dev/null +++ b/margin-and-padding/README.md @@ -0,0 +1,5 @@ +# Margin and Padding practice + +For this first exercise, simply edit the `index.html` file so that the divs look like the image below. Only edit the CSS where instructed in the file. You should only have to change the values of the margin and padding for this exercise. You should not have to add or remove properties in the CSS, or touch the HTML. + +![outcome](./desired-outcome.png) \ No newline at end of file diff --git a/margin-and-padding/desired-outcome.png b/margin-and-padding/desired-outcome.png new file mode 100644 index 0000000..b62e929 Binary files /dev/null and b/margin-and-padding/desired-outcome.png differ diff --git a/margin-and-padding/index.html b/margin-and-padding/index.html new file mode 100644 index 0000000..c463b2b --- /dev/null +++ b/margin-and-padding/index.html @@ -0,0 +1,50 @@ + + + + + + + Margin and Padding exercise + + + +
+ DIV ONE +
+
+ DIV TWO +
+
+ DIV THREE +
+ \ No newline at end of file