Skip to content

Commit a75615d

Browse files
committed
Updates to readme
- Updates to file paths - Updates to verbiage
1 parent c068d1c commit a75615d

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

README.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,18 @@ Being able to create a user interface from a design file is considered a basic n
66
The HTML structure is already in the project, you can use that as a guide for your CSS. **If you want to stretch yourself, delete the HTML and start from scratch.**
77

88
### Challenge 1: `display:inline-block`
9-
You are to only use `display:inline-block` and the box model CSS properites to get as much of the layout done as you can. If this is your first time coding HTML and CSS, just try to get the top half of the page done.
9+
Only use `display:inline-block` and box model CSS properites to layout the [Great Idea design.](design-files/desktop.jpg).
1010

1111
***Useful Resource: [Layout Using inline-block](http://learnlayout.com/inline-block-layout.html)***
1212

1313
***Objectives:***
1414
- Style the provided HTML using `display:inline-block` and box model CSS properties only.
15-
- Try to make your styles match as close to the [design files as possible.](design-files/great-idea-example.jpg)
15+
- Try to make your styles match as close to the [desktop design](design-files/desktop.jpg) as you can.
1616
- Aim for coding the whole page from navigation all the way to the footer
1717
- **Stretch Goal**: Delete the provided HTML and build your own file.
1818

1919
### Challenge 2: `display: flexbox`
20-
Building layouts with `flexbox` is way more fun compared to inline-block but `flexbox` comes with a lot more things to learn. This challenge is to use the [same layout design file](design-files/great-idea-example.jpg) as challenge 1 but now you will use flexbox to control your layout isntead of `inline-block`.
20+
Building layouts with `flexbox` is way more fun compared to inline-block but `flexbox` comes with a lot more things to learn. This challenge is to use the [same layout design file](design-files/desktop.jpg) as challenge 1 but now you will use flexbox to control your layout isntead of `inline-block`.
2121

2222
***Useful Resource: [Flexbox Guide](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)***
2323

File renamed without changes.

0 commit comments

Comments
 (0)