.projects-grid {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr);
}

.project-card,
.project-card-head,
.account-list,
.business-account,
.project-open-area,
.project-card-actions {
  min-width: 0;
  max-width: 100%;
}

.project-card,
.project-open-area,
.project-card-actions {
  width: 100%;
}

.account-copy small,
.project-owner-badge {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.project-owner-badge {
  max-width: 100%;
}

@media (max-width: 559px) {
  .project-card-head {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: center;
    column-gap: 11px;
    row-gap: 7px;
  }

  .project-folder {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
  }

  .project-card-head > div {
    grid-column: 2;
    grid-row: 1;
  }

  .project-status {
    grid-column: 2;
    grid-row: 2;
    max-width: 100%;
    justify-self: start;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}