.email-wrapper {
  display: grid;
  gap: 0px;
  grid-template-columns: [name mail app] auto;
  grid-auto-flow: row dense;
  border: 1px dotted #e9e9e9;
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .email-wrapper {
    display: grid;
    gap: 0px;
    grid-template-columns: [name] auto [mail] auto [app] auto;
    grid-auto-flow: row dense;
  }
}

.email-wrapper>div {
  border: 1px solid #e9e9e9;
  padding: 10px;

}

.email-wrapper>.email-name {
  grid-column: name;
  grid-row: auto;
}


.email-wrapper>.email-mail {
  grid-column: mail;
  grid-row: auto;


}

.email-wrapper>.email-app {
  grid-column: app;
  grid-row: auto;

}