41 lines
682 B
CSS
41 lines
682 B
CSS
|
.flex-container {
|
||
|
|
display: flex;
|
||
|
|
height: 100vh;
|
||
|
|
/* width: 100vh; */
|
||
|
|
flex-direction: column;
|
||
|
|
flex-wrap: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-container div {
|
||
|
|
flex-direction: column;
|
||
|
|
height: 100px;
|
||
|
|
width: 100px;
|
||
|
|
border-top: 1px solid #687291;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-container div:nth-child(even) {
|
||
|
|
background-color: #eeeff2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-container div:nth-child(odd) {
|
||
|
|
background-color: #dfe1e7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-container div:nth-last-child(1) {
|
||
|
|
background-color: #687291;
|
||
|
|
border: 4px solid #000000;
|
||
|
|
}
|
||
|
|
div p {
|
||
|
|
font-size: 40px;
|
||
|
|
font: Tahoma;
|
||
|
|
text-align: center;
|
||
|
|
/* vertical-align: text-top; */
|
||
|
|
}
|
||
|
|
|
||
|
|
div#f p {
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: -webkit-baseline-middle;
|
||
|
|
}
|