/*Additional CSS*/
  .columns {
    display: flex;
    gap: 20px;
    padding: 20px;
  }
  
  /* Each item shares this style */
  .items {
    flex: 1; /* Makes both columns the same width */
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
  }
  
  /* The !important tag forces the boxes to stack on mobile */
  @media (max-width: 768px) {
    .columns {
      flex-direction: column !important;
    }
  }