Challenge Hints: Margin and Padding

A list of hints for the challenges in the Margin and Padding lesson.

Last updated - July 12, 2023

Checkpoint

Did you put "margin" in two classes in the CSS file?

Did you put padding onto two classes in the CSS file?

Big fish, little fish

Did you remember to add the three margin elements to both classes?

Did you include a padding element in both classes?

Did you remember to create the appropriate classes?

<h1 class="  ">

 

Fluffy vs Square

Did you remember to create a class "fluffy" and "square"?

Did you remember to include at least 2 margin elements in each class?

Did you remember to include a padding element in each class?

Did you apply a background-color element to each class?

The Hourglass

Did you remember to create the classes "top", "middle", and "bottom"?

Did you remember to include 2 margin elements in each class?

Did you remember to include 2 padding elements in each class?

<h1 class="  ">

Did you include a background color on each class?

Word Game

Did you remember the closing tag?

Did you remember the "1."?

Did you remember the "2."?

Is your syntax correct for margin?

Is your syntax correct for padding?

Zoo Fences

<h1>

.className {   }

padding:  

License Plates

Did you remember to create 5 different classes?

border radius is a pixel value

hexadecimal values start with this symbol #

margin is a pixel value

padding is a pixel value

<h1 class="   ">

For more help with CSS, check out our CSS Cheatsheet!