Skip to content

Instantly share code, notes, and snippets.

@sguter90

sguter90/index.html

Created June 2, 2017 14:58
Show Gist options
  • Save sguter90/c6b9dfc2bc5b3a04d702ee0d0c16348b to your computer and use it in GitHub Desktop.
Save sguter90/c6b9dfc2bc5b3a04d702ee0d0c16348b to your computer and use it in GitHub Desktop.
Download ZIP
big_image_landing_page
Raw
index.html
<html>
<head>
<title>Title</title>
<style type="text/css">
html, body {
height: 100%;
}
body {
margin: 0;
}
.flex-container {
height: 100%;
padding: 0;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.row {
width: auto;
height: 100%;
}
.flex-item {
padding: 5px;
height: 100%;
min-height: 700px;
text-align: center;
}
</style>
</head>
<body>
<div class="flex-container">
<div class="row">
<img class="flex-item" src="image.jpg" />
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment