Skip to content

Instantly share code, notes, and snippets.

@jpetto
Created September 9, 2014 15:33
Show Gist options
  • Select an option

  • Save jpetto/1d1f5a848ee19395d3ca to your computer and use it in GitHub Desktop.

Select an option

Save jpetto/1d1f5a848ee19395d3ca to your computer and use it in GitHub Desktop.
EWT 2014: CSS Columns starter template
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CSS Columns</title>
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
<style type="text/css">
html, body {
/* Feel free to change the background color */
background: #8598f6;
font-size: 62.5%;
}
.wrapper {
width: 280px;
padding: 20px 20px;
margin: 0 auto;
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
font-size: 1.6rem;
line-height: 1.3;
transition: all 0.3s ease;
}
.page-heading {
font-size: 2.2rem;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.wrapper {
width: 440px;
margin-top: 20px;
border-radius: 4px;
}
}
@media (min-width: 768px) {
.page-heading {
font-size: 2.6rem;
}
.wrapper {
width: 720px;
padding: 20px;
font-size: 1.8rem;
}
}
@media (min-width: 1024px) {
.wrapper {
width: 920px;
padding: 20px 40px;
}
}
</style>
</head>
<body>
<div class="wrapper">
<h1 class="page-heading">HW: Week 2 - CSS Columns</h1>
<main role="main">
<!-- Replace the placeholder content below. -->
<p>
Liquorice jelly beans chocolate cake pastry apple pie powder applicake. Gingerbread bear claw sweet roll croissant gummi bears dessert sugar plum. Chocolate bar ice cream cupcake unerdwear.com. Brownie gummies ice cream carrot cake caramels. Bear claw halvah chocolate chocolate bar liquorice jelly beans. Biscuit pastry caramels croissant jelly-o. Donut icing candy canes unerdwear.com macaroon. Danish jelly gummi bears lemon drops chocolate cake oat cake marshmallow candy pastry. Biscuit chocolate cake sweet bear claw icing icing marshmallow gummies. Candy canes tiramisu topping macaroon pastry soufflé sesame snaps. Chocolate cake danish bonbon macaroon. Jelly-o powder bonbon jelly-o cake tootsie roll carrot cake.
</p>
<p>
Lemon drops sweet caramels jelly-o. Dragée sweet jelly beans gingerbread candy canes topping macaroon. Liquorice caramels lollipop tiramisu cotton candy caramels donut icing. Tootsie roll jelly sweet sweet roll pie candy. Icing dessert sweet. Macaroon cotton candy liquorice gummies. Brownie chupa chups pie brownie chocolate bar jelly jelly beans. Pudding apple pie gingerbread. Biscuit cake cheesecake apple pie. Lollipop sweet roll dragée. Soufflé soufflé sugar plum biscuit toffee ice cream. Caramels chocolate bar bonbon cheesecake chocolate bar bear claw marzipan. Powder muffin tootsie roll. Sweet roll liquorice lemon drops cupcake pastry cotton candy.
</p>
</main>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment