A Pen by Jatinder Assi on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
Fixed Header
A Pen by Jatinder Assi on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header> | |
<h1>Header</h1> | |
</header> | |
<nav class="elem"> | |
<span class="label"><nav></span> | |
<ul> | |
<li> | |
<a href="#">Home</a> | |
</li> | |
<li> |
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.