57 lines
624 B
CSS
57 lines
624 B
CSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background-color: #222;
|
|
}
|
|
|
|
.row, .column {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
|
|
.column {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.container {
|
|
width: 850px;
|
|
height: 630px;
|
|
margin: 40px auto 0;
|
|
padding: 10px 20px;
|
|
background-color: black;
|
|
}
|
|
|
|
.left, .middle, .top {
|
|
flex: 1;
|
|
}
|
|
|
|
.left-column, .right {
|
|
width: 190px;
|
|
}
|
|
|
|
.middle-top, .bottom {
|
|
height: 170px;
|
|
}
|
|
|
|
.box {
|
|
flex: 1;
|
|
background-color: white;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tall {
|
|
flex: none;
|
|
height: 280px;
|
|
}
|
|
|
|
.right .tall {
|
|
height: 310px;
|
|
}
|
|
|
|
.wide {
|
|
flex: 2;
|
|
}
|