The goal is to use the CSS position property to create a webpage that looks like the one below.
Here's what it looks like with a window width of 800x530:
Here's what it looks like when the window is 400x475 - notice how elements resize:
Here are recommended steps for making this happen:
body, and a
divfor the grass - position it at the bottom and give it an appropriate height.
divfor the "Farm Party!" banner - position it near the top center area, and style the text so that it's red. For a bonus, use a fun custom font (like from Google Web Fonts) and give it the appearance of a black stroke.
imgfor it on the page.
imgelements appropriately. The sheep should be around the bottom left, the cow should be on the horizon, the dude should be dancing in the middle, the tree should be on the front right, and the sun should be around the upper right.