Grokking CSS Design Patterns to Ace Interviews/

...

/

Problem: Form Field Rhythm Enforcer

Problem: Form Field Rhythm Enforcer

Try to define a rhythm unit using CSS variables and apply it to form labels and inputs to maintain a uniform vertical rhythm in your forms.

We'll cover the following...

Problem description

You have a simple form with multiple <label> and <input> pairs. Your task is to define a CSS custom property for a 2rem rhythm unit and apply it to the line-height and bottom ...