Skip to content

Commit 34f5110

Browse files
committed
Fix issue #3
#3
1 parent 854c289 commit 34f5110

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

README.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -123,9 +123,11 @@ Exercises
123123
* Learn how to create your own layout system [Grid Systems](http://www.adamkaplan.me/grid/)
124124
* Learn hot to float elements [CSS Floats](http://alistapart.com/article/css-floats-101)
125125
* Learn about [CSS units](http://alistapart.com/article/love-the-boring-bits-of-css)
126-
* Using your own layout system, implement the following page (only desktop).
126+
* Using your own layout system, implement an HTML page based on the following `mock-up` (only desktop).
127127
![alt text](images/example-layout.png)
128-
* When the user **:hover** the right side black box (observe at middle right of the screenshot) it must show a “hello world” message and go back when move the mouse out. To accomplish this [Learn about CSS position](http://learnlayout.com/position.html).
128+
* If the user hovers one of the boxes, a new box must be shown. The new box must include text describing the section that box represents. In addition, it must be positioned at the top of the parent box, and must have a transparent background.
129+
* Example: [http://codepen.io/mofeenster/full/qtkKy/](http://codepen.io/mofeenster/full/qtkKy/)
130+
* To accomplish this [Learn about CSS position](http://learnlayout.com/position.html).
129131

130132
### 2.6 Media queries
131133
* [Learn Media Queries](http://css-tricks.com/css-media-queries/) and adapt your previous exercises to work on mobile screens. Use the following design as guide [example](http://mediaqueri.es/ity/).

0 commit comments

Comments
 (0)