Examples of what your project may look like at various stages of the Nanodegree.
HTML with <b>, <p>, and <em> tags.
Structured HTML (no CSS).
Structured HTML with CSS styling.
Demonstrations of various HTML and CSS concepts covered in Nanodegree courses.
A demonstration of various HTML elements to determine which are block-level and which are inline.
An example showing the difference between spans and divs and what it means to "nest" elements.
Simple traffic light demonstrates how to use classes to style certain elements.
More sophisticated traffic light example shows how to give a single element multiple classes.
Demonstrates how to create reusable CSS classes (comes from Codepen user mandybee).
Shows how to make various shapes through clever use of borders and rotations.
Shows behavior of nested rows and columns.
A table that breaks down the pros and cons of these three tools.
Warning: you will spend hours tweaking attribute values if you go down this road.
Shows how different amounts of red, green, and blue can create colors.