Created
October 29, 2017 20:00
-
-
Save outoftime/a5f57813a5df03b20dd1deedf8cdda65 to your computer and use it in GitHub Desktop.
Exported from Popcode. Click to import: https://popcode.org/?gist=a5f57813a5df03b20dd1deedf8cdda65
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> | |
<head> | |
<title>Columns columns columns</title> | |
</head> | |
<body> | |
<!-- DO NOT CHANGE THE HTML STRUCTURE --> | |
<div id="title"> | |
<h1>My Super Awesome Website With Columns</h1> | |
</div> | |
<div id="flex-container"> | |
<div id="left"> | |
<h2>This is a website about cats. All the cats.</h2> | |
</div> | |
<div id="content"> | |
<img src="http://thecatapi.com/api/images/get?format=src&type=gif"> | |
</div> | |
</div> | |
<div id="footer"> | |
<p>Thanks for visiting my cat page!</p> | |
</div> | |
</body> | |
</html> |
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
{"hiddenUIComponents":["editor.javascript"]} |
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
#title { | |
background: red; | |
padding: 25px; | |
text-align: center; | |
color: white; | |
} | |
#left { | |
box-sizing: border-box; | |
background: gray; | |
padding: 25px; | |
} | |
#content { | |
background: gray; | |
box-sizing: border-box; | |
} | |
#content img { | |
max-width: 100%; | |
width: 100%; | |
height: auto; | |
} | |
#footer { | |
background: black; | |
color: white; | |
padding: 10px; | |
text-align: center; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment