Massage By Tia Responsive HTML Website Tutorial

The Massage By Tia website is a basic 2 column responsive website that uses CSS media queries to transform the website into a one column, mobile friendly design once the screen size is under 740px wide.

The very top of the website includes a callout section for a business phone number that customers can simply click on when looking at the website on their cell phones to make a phone call.

The header of the Massage website includes a logo that is centered on the page followed by a menu underneath it that will change from a horizontal navigation to a vertical one.  The body section of the website, leading up the footer at the bottom, includes two and three columned sections that all transform to a single section once we add the CSS media queries that make the website responsive.