Read the question, write CSS on the right, then Preview or Check.
QuestionHint and solution stay closed until you open them
Default .card padding 8px. At min-width 600px, padding 24px.
In this lab checker viewport is wide — set the 600px rule's padding 24px and also set base padding 24px so Check passes.
Examples
Expected
@media
Hint
- Write both rules; checker uses a wide frame.
Show correct code
Peek only after you have tried. You can still Check your own version.
.card {
padding: 24px;
}
@media (min-width: 600px) {
.card {
padding: 24px;
}
}
styles.cssLive preview · Check reads computed styles
ResultIdle
Run to see output. Check grades the tests.