CSS

Click on the links below for examples of CSS.

• CSS Basics
  Lake Tahoe website project Start | Final
• CSS Selectors
  1. Selectors –– Beyond the Basics Start | Final
  

  ---

  2. Going Further with Attribute Selectors and Pseudo-Classes
  :first-child and :last-child | :only-child and :empty Start | Final
  Substring Matching Attribute Selectors Start | Final
  Element States Pseudo-Classes Start | Final
  

  ---

  3. Advanced Selectors
  :nth-child and :nth-of-type Start | Final
  :root and :target | :not() – The Negation Pseudo-Class Start | Final
  Pseudo-Elements – ::first-line and ::first-letter | ::before and ::after | attr() Start | Final
• CSS Layout Basics
  CSS Layout Basics project Start | Final
• Responsive Layouts
  Base template
  Flexbox
• CSS Flexbox Layout
  Controlling the Direction of Flex Items | Wrapping Flex Items View
  Distributing Space Inside a Flex Container | Changing the Order of Flex Items | Growing Flex Items View
  Smarter Layouts with flex-basis and flex | Aligning Flex Items on the Cross Axis View
  Vertical and Horizontal Centering View

  ---

  Creating a Two Column Layout with Flexbox Start | Final
  Creating a Three Column Layout with Flexbox Start | Final
  Aligning Items to the Bottom of a Column Start | Final
  Creating a Sticky Footer with Flexbox Start | Final
• CSS Grid Layout
  display: grid | grid-template-columns & rows | grid-gap | grid-auto-columns & rows Start | Final
  Line-based Placement Start | Final
  Placing Elements Using Grid Template Areas Start | Final
  Using Grid with Media Queries Start | Final
  Using Grid with Flexbox Start | Final