/HTML-CSS-III

HTML/CSS Day 3 class material

Primary LanguageJavaScript

HTML CSS Day III

To Cover

  • Responsive Design
    • max-width && width: 100%
    • card components 300px max width
    • Media Queries
      • Min-width
      • Max-width
      • Min-width && max-width together
  • CSS Animations
    • @keyframes
      • from/to
      • percentages
    • Animations
      • animation name
      • animation duration
      • iteration count
  • Transitions
    • Make smooth transitions
    • specific property transitions

Mini

Choose one!

From the side From the bottom From the top From under nav

Afternoon

Site clone

focus on responsive design

Afternoon project

Mobile Desktop