Chris Nager chrisnager

## package.json
{
  "name": "@air/web",
  "version": "1.0.0",
  "private": true,
  "dependencies": {
    "@air/components": "^1.0.0",
    "@air/utils": "^1.0.0",
    "react": "^16.2.0",
    …
  }

## Simple-vertical-centering-with-CSS.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                chrisnager
                / Simple-vertical-centering-with-CSS.markdown
            
            
              Created
              January 9, 2014 22:31
            
              
                A Pen by Chris Nager.
              
          
    Simple vertical centering with CSS

Simple and semantic vertically centering with CSS.
A Pen by Chris Nager on CodePen.
License.

  
## Simple,-fixed-page-border.markdown

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                chrisnager
                / Simple,-fixed-page-border.markdown
            
            
              Created
              August 22, 2013 19:44
            
              
                A CodePen by Chris Nager.
              
          
    Simple, fixed page border

Add a simple, fixed border to your page that stays in view even on scroll.
A Pen by Chris Nager on CodePen.
License.

  
## index.html
<div class="page-wrap">

    <h1>Make This Responsive</h1>
    <p>While maintaining the heirarchy of importance.</p>

    <article class="story  main-story">
        <img src="http://f.cl.ly/items/2e3c2a1Z0D1H3u0W2K12/shera.jpg" alt="Sha Ra Rocking"/>
        <div class="story-intro">
            <h1>Most Important Story</h1>
            <p>This article has the most visual weight. <a href="http://nebezial.deviantart.com/art/she-ra-115867096">image source.</a></p>

## index.haml
.buddy-media-logo

## index.html
<div class=☃>☃</div>

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Pure CSS Buddy Media logo &middot; CodePen</title>
  <!--
    Copyright (c) 2012 Chris Nager, http://codepen.io/ChrisNager

    Permission is hereby granted, free of charge, to any person obtaining

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Pure CSS Buddy Media logo &middot; CodePen</title>
  <!--
    Copyright (c) 2012 Chris Nager, http://codepen.io/ChrisNager

    Permission is hereby granted, free of charge, to any person obtaining

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Pure CSS Buddy Media logo &middot; CodePen</title>
  <!--
    Copyright (c) 2012 Chris Nager, http://codepen.io/ChrisNager

    Permission is hereby granted, free of charge, to any person obtaining

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

  <title>Pure CSS Buddy Media logo &middot; CodePen</title>
  <!--
    Copyright (c) 2012 Chris Nager, http://codepen.io/ChrisNager

    Permission is hereby granted, free of charge, to any person obtaining
	{
	"name": "@air/web",
	"version": "1.0.0",
	"private": true,
	"dependencies": {
	"@air/components": "^1.0.0",
	"@air/utils": "^1.0.0",
	"react": "^16.2.0",
	…
	}
	<div class="page-wrap">

	<h1>Make This Responsive</h1>
	<p>While maintaining the heirarchy of importance.</p>

	<article class="story main-story">
	<img src="http://f.cl.ly/items/2e3c2a1Z0D1H3u0W2K12/shera.jpg" alt="Sha Ra Rocking"/>
	<div class="story-intro">
	<h1>Most Important Story</h1>
	<p>This article has the most visual weight. <a href="http://nebezial.deviantart.com/art/she-ra-115867096">image source.</a></p>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">

	<title>Pure CSS Buddy Media logo · CodePen</title>
	<!--
	Copyright (c) 2012 Chris Nager, http://codepen.io/ChrisNager

	Permission is hereby granted, free of charge, to any person obtaining