.container{border:1px solid #ccc; padding:10px; display:flex; gap:10px; background-color:#eee; margin-bottom:20px;}
.item1 {background-color:#f99; flex:1; padding:10px; border:1px solid #900;} 
.item2 { background-color:#9f9; flex:3; padding:10px; border:1px solid #090;}
.item3 {background-color:#99f; flex:2; padding:10px; border:1px solid #009;} 
/* Responsivní úpravy pro obrazovky do 800px ( prostrední sloupek posuneme vlevo a třetí sloupek necháme zmizet ) */
@media screen and (max-width: 800px) {
   
    .item2 {order: -1;}
    .item3 {display:none; visibility: hidden;  }
}