Build-A-House

Practice for positioning HTML elements with CSS properties.

Task

Create each of these buildings using only div elements styled with CSS. Each building should be centered on it’s own page. Link them together.

• House
• Library
• Palace
• Asymetric House

Do as many as you can!

Resources

• CSS Shapes [https://css-tricks.com/examples/ShapesOfCSS/]
• CSS Layout: The position Property [http://www.w3schools.com/css/css_positioning.asp]
• Codecademy Positioning [https://www.codecademy.com/courses/web-beginner-en-6merh/0/1]
• CSS Tricks Positioning [https://css-tricks.com/almanac/properties/p/position/]