Beginner
Fix overflowing inputs with the border-box reset
The inputs are width: 100% with padding and a border, so they stick out of the 320px form. Add the universal box-sizing reset at the top of the CSS so that **every element and every ::before/::after pseudo-element** uses border-box.
Don't change the inputs' padding, border or width.
What Check tests
- The inputs fit exactly inside the form's content area
- The form itself is 320px wide on screen
- Every element uses border-box (checked on
body,pandlabel) ::beforepseudo-elements use border-box too- The inputs still have their padding and border
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.