CSS Essentials·Practice drills 18

Drill 28: Invalid input — Spacing and sizing

Describe what happens when the input is invalid.

Beginner 5 min read Lesson 453 of 480 Challenge included
What you will be able to do
  • Describe what happens when the input is invalid.

Practice task

Describe what happens when the input is invalid.

spacing.cssCSS
* {
  box-sizing: border-box;
}

.card {
  width: 100%;
  max-width: 40rem;
  padding: 1.5rem;
  margin: 2rem auto;
}

.card h2 {
  margin-top: 0;
  font-size: 1.5rem;
}

.badge {
  font-size: 0.75em;
  padding: 0.5em 1em;
}
Your turn

Write your answer

Easy

Describe what happens when the input is invalid.

TEXT · starter
Your answer…
Study tools

Make it yours.

Keep a private note for this lesson, then turn the key ideas into flashcards you can revisit.

Sign in to save notes and flashcards.Both are private to your account and stay with your progress.
Sign in
Finished reading?

Lock in what you just learned.

Mark this lesson complete to save your place and move one step closer to the certificate.

Lesson 453 of 480 · 0% of course