title: Adaptive html layout using only CSS
body: <p>I think this is my second post regarding Adaptive HTML/CSS layout. I got a helpful answer in my previous post where I implemented the adaptive layout, which was more straight where I need to remove the float and place the containers one below another. </p>
  
  <p>This time I have got some what complex design. Let me show the designs how it should be looking in Landscape and Portrait modes.</p>
  
  <p>Landscape Design:<img src="https://i.stack.imgur.com/DngO4.jpg" alt="Landscape"></p>
  
  <p>In the portrait mode that is if the width is less than 1024px then the design should be looking like this</p>
  
  <p>Portrait Design:<img src="https://i.stack.imgur.com/nin8W.jpg" alt="portrait">!</p>
  
  <p>Would be helpful if someone guides me how to approach this design. In case if some more information is required then please feel free to ask</p>
  
  <p>Thanks 
  Raaks</p>