Как изменить ширину раскрывающегося списка начальной загрузки при изменении ширины экрана? ⇐ CSS

[Anonymous]

Объяснение
У меня есть раскрывающийся список шириной 480 пикселей, и с помощью (строки) я разделил его на две части (столбец-6) по 240 пикселей каждая. .
Проблема, с которой я столкнулся, заключается в том, что на маленьких экранах столбец col-6 внутри строки не сворачивается в один вертикальный столбец, а остается шириной 480 пикселей.
Чего бы я хотел сделайте следующее:
На экранах минимальная ширина: 768 пикселей,
выпадающий список должен быть горизонтальным, разделенным на два столбца col-6,
На экранах с максимальной шириной: 768 пикселей,
выпадающий список должен быть вертикальным, столбцы столбца 6 должны располагаться один за другим.< /p>
Вопрос
Как это можно сделать?
HTML-код

• 
  
  
  
  
  Profile_1
• 
  Profile_2

• 
  Edit
• 
  Delete

Пользовательский код CSS


@@media (min-width: 768px) {
.sizefit {
min-width: 540px !important;
}
}

@@media (max-width: 768px) {
.sizefit {
/* min-width: 240px !important; */
max-width: 240px !important;
/* min-height: 480px; */
}
}




Подробнее здесь: https://stackoverflow.com/questions/793 ... dth-change