From 8e6b8eead80f24ecd16271923e83bb02a85ddef6 Mon Sep 17 00:00:00 2001 From: Kristyn Bryan Date: Tue, 17 May 2016 17:08:09 -0400 Subject: [PATCH] Update README.md --- .../w01d02_homework_css_Brook_Lyn/README.md | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/unit_01/w01d02/homework/w01d02_homework_css_Brook_Lyn/README.md b/unit_01/w01d02/homework/w01d02_homework_css_Brook_Lyn/README.md index 7f72ed2..9d5082c 100644 --- a/unit_01/w01d02/homework/w01d02_homework_css_Brook_Lyn/README.md +++ b/unit_01/w01d02/homework/w01d02_homework_css_Brook_Lyn/README.md @@ -28,9 +28,9 @@ The website of fashion brand Brook & Lyn has a simple layout. The visual element #### Directions -Use the attached code and images to write the html and css necessary to recreate the layout seen below. +- Use the attached code and images to write the html and css necessary to recreate the layout seen below. -1. Add the HTML image links into your CSS to display all of the images in the layout (they won't be in order yet, just get them to show up on your page). +- Add the HTML image links into your CSS to display all of the images in the layout (they won't be in order yet, just get them to show up on your page). **Commit 1**
@@ -39,7 +39,7 @@ The commit message should read:
"Added image links to html"
-2. Play around with the CSS of the images to move them into place to look like the mockup. +- Play around with the CSS of the images to move them into place to look like the mockup. **Commit 2**

@@ -47,7 +47,7 @@ The commit message should read:
"Moved images to match mockup"
-3. Change the font, font size, and color to match the style in the mockup. +- Change the font, font size, and color to match the style in the mockup. **Commit 3**

@@ -55,6 +55,15 @@ The commit message should read:
"Adjusted font, font size, and color"
+- Take a screenshot of your mockup +- Save the file inside your Brook & Lyn folder + +**Commit 4**
+
+The commit message should read:
+"uploading a screenshot of my Brook & Lyn homework" +
+ #### Layout ![image](mockup.png)