.scan_content_wrapper .preview_wrapper {
  grid-area: preview_wrapper;
  padding: 10px;
}
.scan_content_wrapper .preview_wrapper #preview {
  width: 100%;
}
.scan_content_wrapper .history_wrapper {
  grid-area: history_wrapper;
  padding: 10px;
}
.scan_content_wrapper .history_wrapper .history {
  padding: 0 0 20px 0;
}
.scan_content_wrapper .history_wrapper p {
  padding: 0 0 10px 0;
  margin: 0 0 0 0;
}

.scan_content_wrapper {
  display: grid;
  width: 1200px;
  max-width: 100%;
  margin: auto;
  grid-template-areas:
    "preview_wrapper"
    "history_wrapper";
  grid-template-columns: 1fr;
}

@media screen and (min-width: 800px) {
  .scan_content_wrapper {
    grid-template-areas: "preview_wrapper history_wrapper";
    grid-template-columns: 1fr 1fr;
  }
}