Skip to content

Instantly share code, notes, and snippets.

Subway Line Colors

Give all the subway lines the right color!

Start with the Lexington Avenue line. We’ve already written the selector for you, so you’ll just need to add the right color rule.

Then see how many other lines you can get through!

You do not need to edit the HTML; you only need to add CSS.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p class="land">Car</p>
<p class="water">Boat</p>
<p class="land">Train</p>
<p class="water">Jetski</p>
@outoftime
outoftime / index.html
Created November 18, 2017 16:48
Exported from Popcode. Click to import: http://localhost:3000/?gist=a03e5beb4ff653e01e63e9a2aad42058
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
this is a nice smooth experience! good good
is this still dd
</body>
</html>
@outoftime
outoftime / README.md
Last active November 15, 2017 18:31 — forked from joliz/README.md
Exported from Popcode. Click to import: https://popcode.org/?gist=169e39d07929c5c08cfedb85f152e15a

Make this poem look nice without changing the HTML.

Hint: Use Google to find out how to use the CSS properties for

  • text-shadow
  • font-weight
  • background-repeat
  • background-position
  • background-size
  • background-attachment
<!DOCTYPE html>
<html>
<head>
<title>05.3 jQuery Actions jQuery Funhouse</title>
</head>
<body>
<div class="row">
<div class="control">
<img id="garage-door-opener" src="https://cl.ly/1V3c0o172S0N/garagedoor.jpg">
</div>
@outoftime
outoftime / index.html
Created November 2, 2017 01:02
Exported from Popcode. Click to import: http://localhost:3001/?gist=17df8f24354e6f1dc69a43b3c5121afa
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
this looks pretty good how is this. seems okay…
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Ada Lovelace</title>
</head>
<body>
<div id="title">
<h1>Ada Lovelace</h1>
</div>
<!DOCTYPE html>
<html>
<head>
<title>Ada Lovelace</title>
</head>
<body>
<div id="title">
<h1>Ada Lovelace</h1>
</div>
<!DOCTYPE html>
<html>
<head>
<title>My Favorite Athlete</title>
</head>
<body>
<div id="title">
<h1>Ada Lovelace</h1>
</div>
<!DOCTYPE html>
<html>
<head>
<title>Columns columns columns</title>
</head>
<body>
<!-- DO NOT CHANGE THE HTML STRUCTURE -->
<div id="title">
<h1>My Super Awesome Website With Columns</h1>