Как правильно задать css для 2х дивов в ряд?

Question

[fug35381]

есть 2 дива

<div style="width:300px;"></div>
<div style="width:100%;"></div>

как сделать, чтобы при большом экране они были в одной строке, а при маленьком, 1 див уходил под другой?

Comments

[Kuat Mustafin]

Посмотрите в сторону FlexBox frontender.info/a-guide-to-flexbox

Answer 1

[kn1ght_t]

https://jsfiddle.net/x9uLcgp5/

Comments

[fug35381]

как сделать чтобы первый блок уходил вниз скажи пожалуйста?

Answer 2

[Beeetle]

Через media-запрос:

@media (min-width: 320px) {
  .div1 {
    width: 100%;
  }
.div2{
    width: 100%;
}
}

Answer 3

[Maxim Zhgulev]

Ратую за flexbox
codepen.io/anon/pen/MKLYvB