#main-event-gone.container{
   max-width: 640px;
   padding: 16px;
}
#main-event-gone ul {
   display: flex;
   flex-wrap: wrap;
}

#main-event-gone ul li {
   flex: 1 1 100%; /* Default to single column */
   padding: 8px 0;
   box-sizing: border-box;
}

/* 2 columns for screens between 440px and 600px */
@media (min-width: 360px) and (max-width: 539px) {
   #main-event-gone ul li {
       flex: 1 1 50%;
   }
}

/* 3 columns for screens wider than 600px */
@media (min-width: 540px) {
   #main-event-gone ul li {
       flex: 1 1 33.33%;
   }
}

#main-event-gone section:has(ul){
   padding: 16px;
   background: #F8F8F8;;
   border-radius: 16px;
}