body,
html {
	height: 100%;
}

.bg {
	background: #e10000 url('/img/bg/andreas-fidler-435455-unsplash.jpg') center center no-repeat;
	background-size: cover;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Defines three columns */
  grid-auto-rows: min-content; /* Allows rows to adjust to content height */
  grid-gap: 10px;  /* Adjust spacing between tiles (optional) */
  justify-items: start; /* Align items to the start of each column */
}

.grid-item {
  background: #fff; /* Set the background color */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a shadow */
  padding: 10px; /* Add some padding */
  border-radius: 5px; /* Optional: Add rounded corners */
  height: 100%; /* Ensure all grid items have the same height */
	width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}