CSS Login Form Styling | Shannon's Solutions Lab

Finished build

Login form demo

Completed CSS challenge

What I practiced

This challenge focused on styling the exact elements inside a form rather than accidentally styling the form container itself. I used CSS to control width, spacing, borders, rounded corners, shadows, and alignment.

Selectors Box model Flexbox Inputs Buttons box-sizing Border radius Box shadow

input {
  width: 100%;
  padding: 10px;
  border: 1px solid lightgray;
  border-radius: 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
}