Last active
May 14, 2019 00:37
-
-
Save dulimarta/8f37d04fb930ffa5ccae1f8b65945b30 to your computer and use it in GitHub Desktop.
CS371 Flexbox and Grid
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#container { | |
background: lightblue; | |
} | |
section { | |
border: solid 2px black; | |
border-radius: 8px; | |
margin: 4px; | |
padding: 8px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
<link rel="stylesheet" href="layout.css" /> | |
<title>Document</title> | |
</head> | |
<body> | |
<div id="container"> | |
<section id="toolbar"><span>File</span></section> | |
<section id="navpanel">Drawer</section> | |
<section id="main">Main Content</section> | |
<section id="footer">Footer</section> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment