A Deceptively Complex Form - HTML and CSS Frontend Mentor

A Deceptively Complex Form - HTML and CSS Frontend Mentor

Kevin Powell via YouTube Direct link

15:30 - Adding the checkbox

9 of 20

9 of 20

15:30 - Adding the checkbox

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

A Deceptively Complex Form - HTML and CSS Frontend Mentor

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ✅ 20:20 - Cascade layers @layer: https://youtu.be/NDNRGW-_1EE
  2. 2 ✅ 27:30 Container queries: https://youtu.be/2rlWBZ17Wes
  3. 3 ✅ 19:52 More on self-hosting fonts: https://youtu.be/zK-yy6C2Nck
  4. 4 00:00 - Introduction
  5. 5 01:00 - The HTML
  6. 6 04:00 - form-group vs. wrapping inside a label
  7. 7 06:25 - Continuing the HTML
  8. 8 09:40 - Using a fieldset for the radio buttons
  9. 9 15:30 - Adding the checkbox
  10. 10 18:00 - Starting the CSS
  11. 11 24:20 - Creating the layout for the form
  12. 12 31:20 - Styling the inputs
  13. 13 35:45 - Adding the star to the required labels
  14. 14 39:20 - Fixing the star for the fieldset and radio labels
  15. 15 44:00 - Adding the border and background to the radio selectors
  16. 16 49:00 - The fieldset layout
  17. 17 51:20 - The height of the text area without magic numbers
  18. 18 54:50 - Styling the button
  19. 19 56:60 - Making the entire radio button area clickable
  20. 20 1:00:00 - Error states

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.