HTML CSS examples for CSS Widget:Grid
Pure CSS grid sixths
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/pure/0.6.0/pure-min.css"> </head> <!--from w w w .ja va 2 s . co m--> <body> <div class="pure-g"> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-6"> Lor </div> </div> <div id="content" role="main" class="pure-g"> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-5-6"> Lor </div> </div> <div class="pure-g"> <div class="pure-u-1-6"> Lor </div> <div class="pure-u-1-2"> Lor </div> <div class="pure-u-1-3"> Lor </div> </div> </body> </html>