/**
 * ( ˶°ㅁ°) !:･ﾟ✧ G R I D
 * garden ✿ hyper daisy grid
 * 2024 ✿ hyperdaisy.com
 * by noemi m. martínez
 **/

/* CONTAINER for flexboxes */
.row {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  align-items: flex-start;
  gap: 0;
}

/* Creates COLUMNS next to each other */
.column {
  padding: 1em;
}

/* Creates COLUMNS next to each other */
.column-pad-adjust {
  padding: 1em;
}

.column.small {
  flex: 1; /* Small column takes up equal space */
}

.column.large {
  flex: 2; /* Large column takes up twice the space */
}


/* ------------------------------
	MOBILE: Stacks into columns
 ------------------------------ */

@media (max-width: 900px) {
  .row {
    flex-direction: column;
  }

  .column-pad-adjust {
    padding: 1em 0;
  }

}