title: Two Divs next to each other, that then stack with responsive change
body: <p>I'm trying to achieve something that I am sure should be easier than I am making it!</p>
  
  <p>I am using the Skeleton responsive framework, and have been fine up until now.</p>
  
  <p>Here is a diagram of what I want to achieve.</p>
  
  <p><img src="https://i.stack.imgur.com/5KeC9.png" alt="Diagram showing what I div layout"></p>
  
  <p>This will be placed within a column. Once that columns reduces in size, I would like it to stack the divs as per the second example in the diagram. I've tried a few different ways, but keep getting it wrong.</p>
  
  <p>I am pretty new to HTML/CSS so any help is appreciated! Many thanks!</p>