body{padding:0;margin:0}.flex{display:flex;justify-content:space-between;align-items:center}@media (max-width:640px){.flex{align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.flex .div4{order:-1}}.flex .div1,.flex .div2,.flex .div3,.flex .div4{width:110px;padding:20px}.flex .div1,.flex .div2,.flex .div3{border:1px solid red}.flex .div4{border:1px solid #0f0;height:160px}.flex .div1{height:80px}.flex .div2{height:60px}.flex .div3{height:0}