Обоснуйте в Фиксированных модальных окнах css

Question

У меня есть модальные окна с одинаковой шириной + высотой и одинаковыми классами. В первом случае у меня есть 3 столбца (фиксированная высота и плавающие левые стили), во втором - 2 столбца. Как я могу сделать его более красивым, если эти столбцы оправдывают?

#instruments-modal .panel, #specialities-modal .panel {
  width: auto;
  float: left;
}

#instruments-modal .panel label, #specialities-modal .panel label {
  width: 100%;
  display: block;
  margin: 12px 15px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding-top: 3px;
}

Изображения:

и

Answer 1

Возможно, вместо использования width:auto, укажите процентную ширину в зависимости от отображаемого модала, например:

#instruments-modal .panel {width:33.33%;}
#specialities-modal .panel {width:50%;}
#instruments-modal .panel, #specialities-modal .panel {float: left;}