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

Question

[Макс Жуков]

Есть два блока в них текст, блоки float left, нужно, чтобы когда уменьшаешь экран сначала блок уменьшался, а потом уже срабатывал float;
jsbin.com/vuduluyaqu/edit?html,css,output

Answer 1

[De Slow]

Если правильно понял, то пропишите: "@media" для определенного разрешения, при котором блок начнет уменьшаться
Что-то вроде этого:

@media screen and (min-width: 900px) {
  .widjet {
    max-width: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .widjet {
    max-width: 500px;
  }
}

Только, для "Our Company" задайте другой Div
jsbin.com/muzawisoce/edit?html,css,output
Вот, оно? -откройте результат на 1300px, и уменьшайте