Front-end education for the real world. Since 2018.





  1. Solution: Progress Button

    Front-End Challenges Club - Solution #004

    Front-End Challenges Club

  2. Challenge: Progress Button

    Front-End Challenges Club - Challenge #004

    Front-End Challenges Club

  3. Solution: Duotone card

    Front-End Challenges Club - Solution #003

    Front-End Challenges Club

  4. Challenge: Duotone Card

    Front-End Challenges Club - Challenge #003

    Front-End Challenges Club

  5. Solution: Toggle switch

    Front-End Challenges Club - Solution #002

    Front-End Challenges Club

  6. Challenge: Toggle switch

    Front-End Challenges Club - Challenge #002

    Front-End Challenges Club

  7. Solution: Email sign-up form

    Front-End Challenges Club - Solution #001

    Front-End Challenges Club

  8. Challenge: Email sign-up form

    Front-End Challenges Club - Challenge #001

    Front-End Challenges Club

  9. Create a semantic breakout button to make an entire element clickable

    CSS

  10. Create a user controlled dark or light mode

    Automatic dark and light themes, based on system user-preferences, are handy but in this tutorial, we take that one step further and give our users control.

    CSS