This link may be relevant for future lectures... because it has to do with sheep.... In hot air balloons... link (Edited by Eli Tatro 2/12/2016)

The eyedropper tool is handy if you want to sample a color from the webpage.

http://www.w3schools.com/css/css_margin.asp explains about margin shorthand, which allows it to be written on one line rather than having to type out margin-left, margin-right, etc. Padding can also be writeen out with this same shorthand.

An alternate way to make sure that the image stays within the box is to apply overflow: hidden; to .contents. That will force the contents box to be larger than all of the elements within it. The difference in appearance is that .sheepFeet will float left of the image and not appear fixed at the bottom as it does when the clear fix is applied.

• Order of Selectors
• https://css-tricks.com/ is a great resource for learning CSS
• http://www.cssmatic.com/ super useful generator for complex CSS used in box-shadows, gradients, etc.