title: Flutter responsive design: Dynamically change Column to Row if the screen is larger
body: <p>How to dynamically change a Column widget to a Row Widget if the screen width of the device is above a certain treshold?</p>
  
  <p>The use case would be when user use the app on a tablet or landscape mode, the layout should differs in order to optimise the usage of the available width. </p>
  
  <p>In CSS flexbox, it is as simple as changing the class from flex-row to flex-column but in Flutter, widgets are used. </p>