/* .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
} */

.menu-seperator {
  color: #e8ddb3;
  text-decoration: underline;
  font-size: 16px;
}

.flex-subscriptions-container {
    display: flex;
  flex-wrap: wrap;
  gap: 10px;
  line-height: 1.2;
}
.flex-child {
    flex: 3;
    border: 10px solid #ff0000;
 
}  
.flex-child:first-child {
    margin-right: 0px;
 width: 200px;
  height: auto;
} 


.flex-container {
    display: flex;
  flex-wrap: wrap;
  gap: 20px;
  line-height: 1.2;
}
.flex-child {
    flex: 1;
    border: 1px solid #000000;
}  
.flex-child:first-child {
    margin-right: 0px;

} 

.flex-item {
  /* grow: 1, shrink: 1, basis: calculation for 3 columns minus gap */
  flex: 1 1 calc(33.333% - 20px); 
  background: transparent;
  padding: 20px;
  box-sizing: border-box; /* Ensures padding doesn't break the width */
}

/* Responsive adjustment for small screens (e.g., Mobile) */
@media (max-width: 768px) {
  .flex-item {
    flex: 1 1 100%; /* Columns stack vertically at 100% width */
  }
}