app/assets/stylesheets/errors.scss

   1 body {
   2   margin: 1rem;
   3   margin-top: 2rem;
   4   font-family: system-ui;
   5 }
   6
   7 main {
   8   display: flex;
   9   flex-direction: column;
  10   align-items: center;
  11   gap: 1rem 2rem;
  12   max-width: 960px;
  13
  14   .logo {
  15     flex-shrink: 0;
  16
  17     img {
  18       display: block;
  19       max-width: 100%;
  20       height: auto;
  21     }
  22   }
  23
  24   .details {
  25     h1 {
  26       margin-top: 0;
  27     }
  28   }
  29 }
  30
  31 @media (min-width: 640px) {
  32   body {
  33     margin: 2rem;
  34   }
  35
  36   main {
  37     flex-direction: row;
  38
  39     .logo {
  40       align-self: start;
  41     }
  42   }
  43 }