Wednesday, July 13, 2016
flex-container
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {
margin: 0;
}
.flex-container {
display: flex;
flex-direction: column;
min-height: 40vh;
}
header {
background-color: #3F51B5;
color: #fff;
}
section.content {
flex: 1;
}
footer {
background-color: #FFC107;
color: #333;
}
</style>
</head>
<body>
<div class="flex-container">
<header>
<h1>
Header
</h1>
</header>
<section class="content">
Content
</section>
<footer>
<h4>
Footer
</h4>
</footer>
</div>
</body>
</html>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment