Create a Wiki Page HTML

Instructions

• Pair code a wiki page in codepen
• Take turns as the driver and navigator
• You can emulate any wiki page format, take a look at the links below for examples
• Fork each other's code and copy paste for when you switch back and forth

Part 1: HTML

• Use header, main, footer, article, and section tags to organize the information
• Use h1, h2, h3, p, a, and relevant list tags (ul, ol, li) for text content
• Use img tag for image
• Text can be copied from a wiki page, lorem ipsum, or your own.

Part 2: CSS

• Use max-width to make paragraph text responsive
• Set margin to create space and center
• Set font-family using google fonts
• Add colour using background-color and color declarations

Extra Challenges

• Review MDN Docs for more style ideas to try
• Add an aside for extra content
• Add a vertical side navigation and put anchor tags to link to all of your headings (don't use aside for this, use nav)
  • use id for the anchors

Wiki Examples

• Wikipedia
  • mild
• Fedora wiki
  • medium
• Wikihow
  • spicy