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
- @keyframes
- 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
Mobile | Desktop |
---|---|
![]() |
![]() |