Guest User

Untitled

a guest
Oct 16th, 2018
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.87 KB | None | 0 0
  1. # 04.2 DIVs DogBook
  2.  
  3. Congratulations! You've just been hired to help DogBook add some sorely needed structure to their website. Here's what needs to be done:
  4.  
  5. 1. Nest the `h1` in a `div` with class `header`.
  6. 2. Nest the **last** `p` in a `div` with class `footer`.
  7. 3. Nest the **first** `h3` _and_ `ul` in a `div` with class `menu`.
  8. 4. Nest the **second** `h3` _and_ `ul` in a `div` with class `park`.
  9. 5. Nest the `menu` and `park` `div`s inside _another_ `div` with class `main`.
  10. 6. Edit the CSS for `.park` and `.park .post img` to fix the image margins.
  11.  
  12. Don't forget to use indentation to make the nesting levels of your HTML elements _**obvious**_.
  13.  
  14. ## Done early?
  15.  
  16. Next on DogBook's product roadmap is to add a **"Friends"** section. Add that section under the `main` section. It should show the top 8 dog friends. Each dog friend should include a picture and the dog friend's name.
Add Comment
Please, Sign In to add comment