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.
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.
<header> | |
<h1>Header</h1> | |
</header> | |
<nav class="elem"> | |
<span class="label"><nav></span> | |
<ul> | |
<li> | |
<a href="#">Home</a> | |
</li> | |
<li> |
Fixed Header
A Pen by Jatinder Assi on CodePen.
A Pen by Jatinder Assi on CodePen.
<!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> |