<html>
  <body>
    
    <div class = "document">
      <div class = "piecedocument confidential"> Confidential </div>
      <div class = "piecedocument"> Document 1 </div>
      <div class = "piecedocument gray"> Document 2 </div>
      <div class = "piecedocument"> Document 3 </div>
      <div class = "piecedocument"> Document 4 </div>
      <div class = "piecedocument"> Document 5 </div>
      <div class = "piecedocument"> Document 6 </div>
    </div>
    <div class = "main">
      <div class = "main-piece long">
        <img src="https://img.flaticon.com/icons/png/512/60/60525.png?size=1200x630f&pad=10,10,10,10&ext=png&bg=FFFFFFFF" style="width:50px;height:auto;" class = "image">
        Send</div>
      <div class = "main-piece"> To </div>
      <div class = "main-piece wide"> example1@example.com </div>
      <div class = "main-piece"> CC </div>
      <div class = "main-piece wide"> example1@example.com </div>
      <div class = "main-piece borderless"> </div>
      <div class = "main-piece borderless"> Subject </div>
      <div class = "main-piece wide"> </div>
      
  </body>
</html>
.document {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto;
  border-bottom: 0.5px solid grey;
  padding: 4px 4px 8px 4px;
}

.main {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
}

.main-piece{
  border: 1px solid grey;
  margin: 5px;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  
}

.piecedocument {
  border: 1px solid grey;
  border-radius: 5px;
  padding: 7px;
  margin: 3px;
  color: grey;
  font-family: arial;
  font-size: 12px;
  text-align: center;
}

.borderless {
  border: none
}

.confidential {
  border: none;
  color: black;
  font-size: 16px;
  grid-column: 1 / span 3;
  text-align: left;
}

.long {
  grid-row: 1 / span 2;
}
.wide {
  grid-column: 3 /span 4;
}

.image {
  margin: auto auto 7px auto
}

.gray {
  background-color: whitesmoke
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.