Skip to content

Instantly share code, notes, and snippets.

@kellishouts

kellishouts/Out_of_this_World_Lists.md

Last active August 29, 2015 14:14
Show Gist options
  • Save kellishouts/421cf2272770538a426f to your computer and use it in GitHub Desktop.
Save kellishouts/421cf2272770538a426f to your computer and use it in GitHub Desktop.
Download ZIP
Out of This World: Lists
Raw
Out_of_this_World_Lists.md

Out of this World: Lists

Setup

  • Create a new branch from the Out of This World project.
  • Set up a server to run the project on localhost.
  • Optional: completely wipe the content of your old stylesheet and start over.
  • do not add any additional markup to the index file.
  • In the external stylesheet, style the page to meet the following requirements.

Requirements

  1. Style one unordered list with display:block li elements
  2. Style one unordered list with display:inline li elements
  3. Style one unordered list with display:inline-block li elements

DO!!!

  • Add additional styling if you want to!
  • Go above and beyond!

DO-NOTS!!!

  • Besides adding the link to the stylesheet, do not add any additional markup to the index file.
  • Do not use default fonts.
  • Do not do a multi-column layout (for now). This will be a later exercise.
  • Do not use flexbox sizing (for now).
  • Do not use SASS or LESS.
  • Do not use frameworks or libraries.
  • Do not use LiveReload.

Hard Mode

Make a drop-down list.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment