Skip to content

Instantly share code, notes, and snippets.

@agustinpfs

agustinpfs/flexbox-example.html

Last active June 29, 2020 13:50
Show Gist options
  • Save agustinpfs/aaf59526aeec7c17476dc8c1db9b8f85 to your computer and use it in GitHub Desktop.
Save agustinpfs/aaf59526aeec7c17476dc8c1db9b8f85 to your computer and use it in GitHub Desktop.
Download ZIP
Basic Flexbox
Raw
flexbox-example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Flexbox</title>
<style>
.contenedor {
/* display: flex; */
/* flex-direction: column; */
/* justify-content: space-between; */
/* align-items: flex-end; */
/* flex-wrap: wrap; */
width: 250px;
height: 250px;
border: 4px solid red;
}
.item {
width: 50px;
height: 50px;
background-color: green;
border: 2px solid blue;
}
</style>
</head>
<body>
<section class="contenedor">
<article class="item"></article>
<article class="item"></article>
<article class="item"></article>
<article class="item"></article>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment