#edit-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;

  flex: none;
  order: 1;
  flex-grow: 0;
  padding: 72px;
}

#user-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

div.edit-account {
  gap: 30px;
  display: flex;
  flex-direction: column;
  grid-column: 2 / 2;
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row: 2 / 2;
}

#edit-wrapper #edit-field-resources-taxonomy-term-wrapper {
  grid-column: 2 / 3;
}

#edit-wrapper div#edit-account {
  gap: 30px;
  display: flex;
  flex-direction: column;
  grid-column: 2 / 2;
  grid-row: 5 / 1;
}

@media only screen and (max-device-width: 600px) {
  #edit-wrapper {
    display: block;
    padding: 24px;
  }

  #user-form {
    display: block;
  }

}