Как правильно выполнить задание 9 урока?
Почему пройдя урок я делаю задание, а ответ другой. У меня получается сделать то, что нужно, но задание не засчитывает правильно и появляется еще один лишний класс, которого не было в уроке и не понятно каким боком он туда попал и начинаешь ломать голову, т.е что бы выполнить задание нужно посмотреть ответ и понять почему так?
По заданию нужно было задать классы таким образом, чтобы при увеличении размера браузера (больше 992px), блоки выстроились один слева, другой справа.
Как это сделал я:
<div class="container">
<div class="col-md-8 col-sm-8 col-xs-8 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 color-right-block">
<h3>Right block</h3>
</div>
</div>
1) Первым классом я задал расположение блоков cлева и права при разрешении экрана от 992-1199 px.( на этой стадии уже задание выполнено).
2)Вторым и третьим классами я указал чтобы при уменьшении экрана от 991px до 0px наше расположение блоков не менялось.
Смотрим ответ:
<div class="container">
<div class="col-md-8 col-xs-12 col-sm-12 color-left-block">
<h3>Left block</h3>
</div>
<div class="col-md-4 col-xs-12 col-sm-12 color-right-block">
<h3>Right block</h3>
</div>
</div>
1) Первая часть выполнена правильно, как у меня. Т.е первый класс записан аналогично.
2) В задании не было указано сделать изображение блоков так, что бы двигаясь в сторону уменьшения разрешения от md (992-1119px) к xs (0-768px)
блоки сохраняли первоначальный вид растягиваясь на все 12 колонок.
3) Вопрос: в обоих блоках меня смущает последовательность записи классов. Почему в сторону уменьшения от md идет класс xs )самый маленький), а потом sm?
col-md-8 col-xs-12 col-sm-12 color-left-bloc.
Почему не md-sm-xs - ведь так было бы логичнее. От большего к меньшему. Есть ли разница?