MediaWiki:CustomFiltered.css

.filtered {
  display: flex;
  flex-wrap: nowrap; /* Make sure they stay in one row */
}

.filtered-filters {
  flex: 0 0 25%; /* Don't grow or shrink, fixed at 25% width */
  max-width: 25%;
  box-sizing: border-box;
  padding: 1rem; /* Optional: spacing inside the filters panel */
}

.filtered-views {
  flex: 1 1 75%; /* Grow to take remaining space */
  max-width: 75%;
  box-sizing: border-box;
  padding: 1rem; /* Optional: spacing inside the views panel */
}

/* Optional: make it responsive */
@media (max-width: 768px) {
  .filtered {
    flex-direction: column; /* Stack vertically on smaller screens */
  }

  .filtered-filters,
  .filtered-views {
    max-width: 100%;
    flex: 0 0 100%;
  }
}