Courses
All courses
AI Path
Frontend Path
Pricing
Courses
Log in
For Teams
Courses
All courses
AI Path
Frontend Path
Pricing
Pricing
Create Account
Log in
Go Pro!
Courses
All courses
AI Path
Frontend Path
Karma
Dashboard
Connect to Discord
Find a course
Settings
New scrim
Log out
Build a Birthday GIFt Site
This playlist is part of
Learn HTML and CSS
Build a Birthday GIFt Site
23 lessons
1 hour 14 min
1. Let's build a Birthday GIFt site!
1:07
2. Add basic header styling
3:31
3. Set the colors
1:22
4. Add shadow on text
3:17
5. We have a problem that flexbox can fix
2:32
6. Aside: align-items
5:59
7. Aside: flex-direction
4:25
8. Turn the header into a flexbox
1:41
9. Fix date and age design
4:06
10. Create the first gift
5:17
11. Replace the img with a div
4:15
12. Aside: make elements change on hover
2:51
13. Add the hover effect
2:05
14. Create the next GIFt
4:19
15. Create two more GIFts
2:33
16. Create the final GIFt
3:20
17. Add the footer
3:37
18. Add a background gradient
3:25
19. Personalize the Birthday GIFt Site
1:36
20. Use GitHub Desktop to publish your Birthday GIFt Site
5:16
21. Deploying your Birthday GIFt Site
0:57
22. Use VS Code to edit your Birthday GIFt Site
4:48
23. GIFt site recap
1:49