plasma.css
Version:
A robust, yet minimalist CSS grid framework based on Flexbox.
39 lines (36 loc) • 1.56 kB
HTML
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Plasma Grid | A Flexbox Grid</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="/assets/css/plasma.css">
<link rel="stylesheet" href="/assets/css/docs.css">
</head>
<body class="container-fill fill">
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container-fluid container-fill fill">
<div class="row row-stacked md-row-unstacked container-fill fill">
<div class="col xs-12 md-fixed-4 container-fill">
<div class="card fill">Sidebar</div>
</div>
<div class="col col-fill container-fill">
<div class="row row-stacked sm-row-unstacked container-fill fill">
<div class="col col-fill container-fill">
<div class="card fill"></div>
</div>
<div class="col xs-12 sm-3 container-fill">
<div class="card fill"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>