Skip to content

Commit

Permalink
Updates to readme
Browse files Browse the repository at this point in the history
- Updates to file paths
- Updates to verbiage
  • Loading branch information
BigKnell committed Mar 31, 2018
1 parent c068d1c commit a75615d
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,18 +6,18 @@ Being able to create a user interface from a design file is considered a basic n
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.**

### Challenge 1: `display:inline-block`
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.
Only use `display:inline-block` and box model CSS properites to layout the [Great Idea design.](design-files/desktop.jpg).

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

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

### Challenge 2: `display: flexbox`
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`.
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`.

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

Expand Down
File renamed without changes

0 comments on commit a75615d

Please sign in to comment.