Fork and clone this repository, then view the slides here:
Modify the HTML (no css) so that each image appears on its own line, similar to:
Modify the CSS and HTML if necessary to add a yellow highlight to both headers, similar to:
Modify the CSS to center the link, similar to:
Using only CSS, make the p
s in the nav
green, and the p
s in the section
, similar to:
Without modifying other-style.css
, make the h1
have a font size of 100pt, similar to:
Create a yellow background around the contents of the paragraphs, similar to:
Modify the CSS and HTML if necessary to style the page similar to:
Some specs:
- The solid border surrounding the page's contents is 3px and black.
- The width of the bordered area is 80%.
- The yellow boxes have a width of 30% with a 1% margin.
- The gray background color is called
gainsboro
. The gray area has a margin of 30px and padding of 10px.
Modify the CSS and HTML if necessary to style the page similar to:
Hints:
- You do NOT need to use float.
- The width of the image is 25%.