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!