You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
693 B
32 lines
693 B
.flex-container {
|
|
/* We first create a flex layout context */
|
|
display: flex;
|
|
|
|
/* Then we define the flow direction
|
|
and if we allow the items to wrap
|
|
* Remember this is the same as:
|
|
* flex-direction: row;
|
|
* flex-wrap: wrap;
|
|
*/
|
|
flex-flow: row wrap;
|
|
|
|
/* Then we define how is distributed the remaining space */
|
|
justify-content: space-around;
|
|
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.flex-item {
|
|
background: tomato;
|
|
padding: 5px;
|
|
width: 200px;
|
|
height: 150px;
|
|
margin-top: 10px;
|
|
line-height: 150px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 3em;
|
|
text-align: center;
|
|
} |