SOURCE

console 命令行工具 X clear

                    
>
console
<div class="content">
  <div class="box box1"></div>
  <div class="box box2"></div>
  <div class="box box3"></div>
  <div class="box box4"></div>
  <div class="box box5"></div>
  <div class="box box6"></div>
  <div class="box box7"></div>
</div>
html, body {
  height: 100%;
  width: 100%;
}
.content {
  width: 100%;
  height: 100%;
  flex-direction: row;
  background-color: green;
}
.box {
    width: 20%;
    padding-top: 20%;
}
.box1 {
  background-color: #424242
}

.box2 {
  background-color: #8c8c8c
}

.box3 {
  background-color: #e18761
}

.box4 {
  background-color: #ffc94f
}

.box5 {
  background-color: #d63d3a
}

.box6 {
  background-color: #620f97
}

.box7 {
  background-color: #e6e6e6
}