/*
  My Custom Dashboard Layout
*/

.dashboard-grid {
  display: grid;
  /* Defines 3 columns: left/right are flexible, center is 3x bigger */
  grid-template-columns: 1fr 3fr 1.2fr; 
  grid-template-areas: "left main right";
  gap: 20px; /* This is the space between your columns */
  padding: 10px;
}

/* This assigns the first div inside your grid to the "left" area */
.dashboard-grid > div:nth-of-type(1) {
  grid-area: left;
}

/* Assigns the second div to the "main" area */
.dashboard-grid > div:nth-of-type(2) {
  grid-area: main;
}

/* Assigns the third div to the "right" area */
.dashboard-grid > div:nth-of-type(3) {
  grid-area: right;
}