How do I get a website to change from two columns to one column with responsive design? : <p>I am making a simple web design where, on a web page, the logo and description are in the top right corner. The three images of bottles I have are in the bottom left corner.</p>

<p>I want to make the website responsive, but I want the 2 columns to change to one column when switching to a mobile screen. So on a smaller screen, the logo and description would be on-top of each other (like a hero-display) and the three images directly below it, horizontally aligned. How would I go about doing this?</p>
