Как адаптировать колонки?

Question

[Андрей Никифоров]

https://codepen.io/delorean88/pen/pwVMWE
bs4

как адаптировать колонки ?

Лого 100%
те два блока по центру и по 50%

Answer 1

[Артем Волков]

<div class="conteiner">
  <div class="logo"></div>
  <div class="header_info"></div>
  <div class="phone"></div>
</div>

*{
  margin: 0;
  padding: 0;
}
.conteiner{
  width: 960px;
  height: 200px;
  margin: 0 auto;
  background:#ccc;
}
.logo,.header_info,.phone{
  float: left;
}
.logo{
  width: 33.333333%;
  height: 50px;
  background: yellow;
}
.header_info{
  width: 33.333333%;
  height: 50px;
  background: green;
}
.phone{
  width: 33.333333%;
  height: 50px;
  background: blue;
}
@media (max-width:800px){
  .logo{
    width: 100%;
    float: none;
  }
  .header_info,.phone{
    width: 50%;
    float: left;
  }
}