x

#events.page .event-container { display: flex; flex-wrap: wrap; gap: 20px; /* Adjust spacing between boxes */ } #events.page .event-box { flex: 1 1 calc(50% - 20px); /* Makes each box take 50% width with space between */ box-sizing: border-box; padding: 20px; border: 1px solid #ddd; /* Optional: Adds a border around each box */ text-align: center; } #events.page .event-box img { width: 100%; /* Ensures images scale within the box */ height: auto; }