Advanced Resolution Dependent CSS Layout
Resize your browser window below 800 pixels wide to change the layout of the content.
After resizing your browser to a smaller screen size or resolution, you will notice that the three columns below transform into rows. This method allows you to effectively divide your web content while making it viewable in all resolutions and sizes.
First Column/Row
Place your first sub-paragraph items in this section. It will either be the left column or the first row.
Second Column/Row
Place your second sub-paragraph items in this section. It will either be the center column or the middle row.
Third Column/Row
Place your third sub-paragraph items in this section. It will either be the right column or the third row.