-
Notifications
You must be signed in to change notification settings - Fork 11
laras126/layout_exercise
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Layout Exercise, Class 4 5/30 Box Model and Positioning ************ Instructions ************ 1. Create a visual layout either with the positioning tool, a drawing, in Illustrator, an existing website, whatever. - Mac screenshot shortcuts: Cmd+Shft+3 and drag a box OR Cmd+Shft+4 and capture whole screen - PrtScn key on Windows 2. Add an image of it to img/screenshots. 3. Code a page using that layout. 4. Find and add links to examples of of clearfix, absolute, and fixed positioning in the wild. 5. BONUS: collaborate with someone else, pull and merge their changes. ****** Tasks ****** (minimal this week, sorry) Level 1 ------- 1. Use gradients 2. Give each box a different background color 3. Level 2 ------- 1. Make all widths percentages 2. Use psuedoselectors 3. Use a grid Level 3 ------- 1. Give each box a 30px border without effecting your layout 2. Make a box fade in 3. Fill the box with text when clicked Ultimate Bonus -------------- 1. Use Flexbox then teach it to me http://coding.smashingmagazine.com/2013/05/22/centering-elements-with-flexbox/
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published