Skip to content

Instantly share code, notes, and snippets.

@DiegoPinho

DiegoPinho/gama-2.html

Created July 25, 2018 14:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DiegoPinho/fe19a5f4f4ac282ec13d6a0b007078f7 to your computer and use it in GitHub Desktop.
Save DiegoPinho/fe19a5f4f4ac282ec13d6a0b007078f7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gama-2.html
<!DOCTYPE html>
<html>
<head>
<title>Flexbox</title>
<meta charset="utf-8" />
<style>
.container {
border: 2px solid black;
display: flex;
/*flex-direction: row;*/
/*justify-content: flex-start;*/
/*flex-start, flex-end, center, space-between e space-around.*/
/*align-items: flex-start;*/
/*flex-start, flex-end, center, stretch e baseline. */
/*flex-wrap: wrap;*/
}
.container > div {
background-color: #f1f1f1;
margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px;
flex-grow: 1;
}
</style>
</head>
<body>
<div class="container">
<div>Bloco 1</div>
<div>Bloco 2</div>
<div>Bloco 3</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment