.grid {
    
    display: grid;
    grid-template-columns: 1fr;
  }
    
  .grid.js  { justify-items:  start;  }     /* horizontalisht */
  .grid.jc  { justify-items:  center; }     /* horizontalisht */
  
  .grid.as  { align-items:    start;  }     /* vertikalisht */
  .grid.ac  { align-items:    center; }     /* vertikalisht */
    
  .flex {
    
    display: flex;
  }
    
  .flex.column {
    
    flex-direction: column;
  }
  
  .flex.wrap {
    
    flex-wrap: wrap;
  }
    
  .flex.jc  { justify-content:  center;         }     /* main axis */
  .flex.je  { justify-content:  flex-end;       }     /* main axis */
  .flex.jb  { justify-content:  space-between;  }     /* main axis */
  
  .flex.as  { align-items:      flex-start;     }     /* cross axis */
  .flex.ac  { align-items:      center;         }     /* cross axis */
  .flex.ae  { align-items:      flex-end;       }     /* cross axis */