console
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A layout example with a side menu that hides on mobile, just like the Pure website.">
<title>Responsive Side Menu – Layout Examples – Pure</title>
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css" integrity="sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin="anonymous">
</head>
<body>
<div id="layout">
<div class="pure-g">
<div class="pure-u-1-5"><p>Thirds</p></div>
<div class="pure-u-1-5"><p>Thirds</p></div>
<div class="pure-u-1-5"><p>Thirds</p></div>
</div>
</div>
</body>
</html>
div{
background-color: blueviolet;
color: white;
margin: 5px 5px;
}