Skip to content

Commit 8a84df0

Browse files
LucyMacbonboh
andauthored
Apply suggestions from code review
Co-authored-by: Coung <6434329+bonboh@users.noreply.github.com>
1 parent a26871c commit 8a84df0

File tree

3 files changed

+9
-8
lines changed

3 files changed

+9
-8
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ The aim of this exercise is to create a page that looks just like this one:
1717
- **Edit `index.html` and `style.css`** to re-create the design above.
1818
- Remember, use semantic HTML to re-create the structure, and style each element using CSS to make a perfect copy of the above image.
1919
- All the images and icons you need can be found in the `img` folder, and the font 'Roboto' is already loaded into the project.
20-
- **Only create the Desktop design** for now.
20+
- **Only create the desktop design** for now.
2121

2222
### Submitting your work
2323
- **Commit and push your code often** so you get into the habit and you avoid losing any code that you write if your machine crashes for example.

level-2/README.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,16 @@ The aim of this exercise is to add a new section to the homepage, and create a n
44

55
### Set up
66

7-
You can choose to add your code for Level 2 to the same branch you were using for Level 1, or to create a new 'level-2' branch.
7+
You can choose to add your code for level 2 to the same branch you were using for level 1, or to create a new 'level-2' branch.
88

99
# Instructions
1010

1111
- You'll find the designs inside the 'level 2' folder.
12-
- Add the new design block in your `index.html`
13-
- Create a new page called `order.html` and re-create the design for the Order form page (find this in the Level 2 folder as well)
14-
- For the Order page styles, you can keep using the same `style.css` file and add your Order page styles in there. Make sure the stylesheet is imported in the `<head>` of `order.html`.
12+
- Add the new section in your `index.html`
13+
- Create a new page called `order.html` and re-create the design for the order form page (the design is `level-2/store-desktop.png`)
14+
- For the order page styles, you can keep using the same `style.css` file and add your order page styles in there.
1515
You could also create a specific `order.css` file - just make sure you're not duplicating the CSS already defined in `style.css`!
16-
- Connect the 2 pages by making the homepage's "Get Karma today" button navigate to the Order page.
16+
- Connect the 2 pages by making the homepage's "Get Karma today" button navigate to the order page.
1717

1818
### Submitting your work
1919
- Remember to **commit and push your code often**

level-3/README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,14 @@ Now let's make this website responsive!
55

66
### Set up
77

8-
You can choose to add your code for Level 3 to the same branch you were using for the previous levels, or to create a new 'level-3' branch.
8+
You can choose to add your code for level 3 to the same branch you were using for the previous levels, or to create a new 'level-3' branch.
99

1010
# Instructions
1111

12-
- Use the techniques you've learned in class to make both the homepage and the Order page look good on mobile.
12+
- Use the techniques you've learned in class to make both the homepage and the order page look good on mobile.
1313
- You'll find the mobile designs inside the 'Level 3' folder.
1414
- You can use 1 or 2 breakpoints, it's up to you (if you're not sure, start with 768px - it's a classic one as it's the width of an iPad and a good point to switch from a mobile layout to a desktop layout).
15+
- You might have to change some of your existing HTML and CSS code so that your webpage can match the mobile and desktop designs
1516

1617
### Submitting your work
1718
- Remember to **commit and push your code often**

0 commit comments

Comments
 (0)