Ex03: Focus, adding a border on focus

Path to Follow

  1. Set vertical padding to 1rem and horizontal padding to 0.5rem for the input.
  2. Apply a 2.5px black border to the input.
  3. Set a transparent background for the input.
  4. Create a focus state for the input, just like with hover.
  5. On focus, set the border to #5779FF and add a 0.25rem border radius.

Trail Markings