Skip to content

Instantly share code, notes, and snippets.

@xavi-

xavi-/index.html

Last active February 2, 2017 08:55
Show Gist options
  • Save xavi-/5a041b6793be7561431a8dcf5dcab99e to your computer and use it in GitHub Desktop.
Save xavi-/5a041b6793be7561431a8dcf5dcab99e to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=5a041b6793be7561431a8dcf5dcab99e
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1 class="hi">hi</h1>
<div id="container">
<div class="hi">hi</div>
<div class="hey">hey</div>
<div class="smile">(:</div>
</div>
</body>
</html>
Raw
styles.css
body { font-family: arial; }
p {
text-align: center;
border-radius: 15px;
}
.hi { background: #ccccee; }
.hey { background: #eecccc; }
.smile { background: #cceecc; }
/* Delete /* at the beginning of line 13 to use flex-box */
/* #container { display: flex; } /* makes the divs horizontal */
#container { border: 2px solid blue; }
#container .hi { border: 2px solid red; }
.hey, .smile { text-align: right; }
div:first-child { font-size: 15px; }
div.hey { font-size: 25px; }
div:last-child { font-size: 35px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment