Skip to content

Instantly share code, notes, and snippets.

Responsive Design Question (5 Point)

Responsive Design Question: Make one column layout with all nav links in single line when browser is < 600px. And make two column layout when browser is >= 600px

A Pen by Jatinder Assi on CodePen.

License.

@jatinder85
jatinder85 / index.html
Created April 17, 2014 01:06
A Pen by Jatinder Assi.
<header>
<h1>Header</h1>
</header>
<nav class="elem">
<span class="label">&lt;nav&gt;</span>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
@jatinder85
jatinder85 / Fixed-Header-.markdown
Created June 23, 2014 19:09
A Pen by Jatinder Assi.
@jatinder85
jatinder85 / test.html
Last active August 29, 2015 14:27
Promises + chaining usage causes error on subsequent href link clicks
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>WD Tests</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
@jatinder85
jatinder85 / CSS:-Common-Button-Shapes-.markdown
Last active December 26, 2015 22:39
A Pen by Jatinder Assi.