ccs html Basic Responsive Design

Hi,

I’m new to CCS/HTML coding and need help in creating a responsive design to different device sizes as I’m going a bit nuts trying to figure it out! I want to, in the desktop view, have each of my 3 sections to take up an equal amount of space on the screen. In the tablet view, the first 2 sections should be in the first row and be of equal size. The 3rd section should be in the second row and take up the entire length of the row by itself. In the mobile view, each section should take up the entire row. 

I have watched many videos on how to do this but can’t seem to format it correctly. Thanks in advance.

https://github.com/csowt/JohnHops-web-devl/tree/master/site

https://csowt.github.io/JohnHops-web-devl/site/

1 Like

All sorted, thanks anyway!

2 Likes