Challenge Hints: Borders

A list of hints for the challenges in the Borders lesson.

Last updated - July 23, 2024

Checkpoint

Does each div have a height and width? Use the div CSS selector to apply a background color! div { background-color } 

Make sure each of your 9 div's has a unique class <div class=" ">

Do all 9 div classes have {border-color; border-width; border-style;} or {border: style width color;}

Make sure there are 9 different .classes { } in your code, each with unique styles

Picture Frames

Do you have three <img> tags with a "src" attribute?

Do you have styles for "img" on the CSS File with the border styles?

Art Gallery

Did you style your image with a class?

Did you style your paragraph with a class?

Did you declare at least two different uniquely named CSS classes for styling your image and paragraph?

Did you style the body tag as well in your CSS file?

Favorite Food

Are you using a heading tag with a matching selector on the CSS file?

Do you have "img" on the CSS file with border styles?

Product Advertisement

Did you create a class to style your image?

Did you create a class to style your heading tag?

Did you declare a class to style your paragraph tag?

Did you include a border in each of your classes?

Did you include a margin and padding element in each class?

Did you include a heading, image, and a paragraph tag while applying your .h class to your header?

A Walk Through Time

Make sure to have 3 heading tags in your HTML

Make sure to have 3 <img> tags in your HTML with "src"

Each of your header tags in your HTML should be different (h1, h2, h3)

Make sure you use a border property in your CSS img selector

Make sure you have the border property in your CSS header selectors and you are using <style>h1{}</style> instead of using classes to style your headings

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