Lesson 2: The Art of Making Things Look Pretty

Today, we're going to make you a master of responsive design. We're going to teach you how to make your website look like it was designed by a team of highly trained, highly caffeinated monkeys.

				
					/* This is some fancy CSS */
					#header {
						background: #ff69b4;
						border: 4px solid #666;
						box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
						width: 80%;
						margin: 0 auto;
						background-image: linear-gradient(#ff69b4 0%, #ff69b4 100%); /* Because why not?! */
					}
				
				

This is some fancy CSS, folks! Don't worry if it looks like gibberish, we'll get to it eventually.

Key Takeaways:

• Use a color scheme that's not completely boring.
• Don't be afraid to get a little crazy with your borders and box shadows.
• Remember, 80% width is a great width.