Login
SelfTeach.me/Advent of CSS 2023
Get access for free

  • Free

Advent of CSS 2023

  • Course
  • 74 Lessons

24 CSS Challenges for the Season
Buy now

Contents

👋 Welcome

START HERE!
Preview
Setting up your Project
Preview

Challenge #1 - Building An Icon Component

Challenge #1
Preview
Project Files
Preview
Solution #1
Preview

Challenge #2 - Building an Avatar Component

Challenge #2
Project Files
Solution #2

Challenge #3 - Form Fields and CSS Only Validation

Challenge #3
Project Files
Solution #3

Challenge #4 - Show / Hide Password

Challenge #4
Project Files
Solution #4

Challenge #5 - Login Layout

Challenge #5
Project Files
Solution #5

Challenge #6 - Slide up Footer

Challenge #6
Project Files
Solution #6

Challenge #7 - Hamburger Menu

Challenge #7
Project Files
Solution #7

Challenge #8 - Slide Out Navigation

Challenge #8
Project Files
Solution #8

Challenge #9 - Dropdown Menu

Challenge #9
Project Files
Solution #9

Challenge #10 - Interior Page Layout

Challenge #10
Project Files
Solution #10

Challenge #11 - Custom Checkbox

Challenge #11
Project Files
Solution #11

Challenge #12 - RSVP Pages

Challenge #12
Project Files
Solution #12

Challenge #13: Invite Card

Challenge #13
Project Files
Solution #13

Challenge #14 - Invite Group Form

Challenge #14
Project Files
Solution #14

Challenge #15 - Modal

Challenge #15
Project Files
Solution #15

Challenge #16 - Create your wishlist

Challenge #16
Project Files
Solution #16

Challenge #17 - Slide Out Panel

Challenge #17
Project Files
Solution #17

Challenge #18 - View Your Wish List Layout

Challenge #18
Project Files

Challenge #19 - Expanding and Collapsing Accordion

Challenge #19
Project Files

Challenge #20 - Dashboard Page

Challenge #20
Project Files

Challenge #21 - Pairing

Challenge #21
Project Files

Challenge #22 - Thank You Note

Challenge #22
Project Files

Challenge #23 - Spinner for the Loading State

Challenge #23
Project Files

Challenge #24 - Light and Dark Theme Switcher

Challenge #24
Project Files

Appendix

Getting Help and Support
Preview
Working with GitHub
Preview
Working with Gitpod
Preview
Working with Storybook
Preview
Working with Redwood
Preview
Testimonials
Want more? Where to go from here?
Preview