The CSS layout config of the FOSSEON blog hosted on Listed:

---
metatype: css
---

@media (prefers-color-scheme: dark) {
  :root {
    --border: 1px solid hsla(0, 0%, 100%, 0.16);
    --color-default: #000000;
    --color-primary: #9F1AFB;
    --color-primary-opacity-8: rgba(147, 192, 255, 0.08);
    --color-neutral: #000000;
    --color-neutral-darker: #9F1AFB;
    --color-contrast: #FFFFFF;
    --color-contrast-opacity-8: hsla(0, 0%, 100%, 0.08);
    --color-contrast-opacity-16: hsla(0, 0%, 100%, 0.16);
    --color-contrast-opacity-36: hsla(0, 0%, 100%, 0.36);
    --color-contrast-opacity-86: hsla(0, 0%, 100%, 0.86);
    --post-code-background-color: #9F1AFB;
    --post-code-border-color: #9F1AFB;
  }
}

@media (min-width: 992px) {
  .header-author-info__items {
    flex-direction: column;
  }

  .header-image-container {
    width: 51%;
    min-width: 0%;
    margin-right: unset;
    margin-bottom: inherit;    
    height: 150px;
  }
}

Documentation on how to stylize your Listed blog, by Standard Notes.