Responsive Website

Responsive Design

Responsive design is when you make a website accessible on mobile, tablet, and computer. It has to do witch changing the CSS, so that when a screen reaches a certain width it changes the layout to make it easy to navigate. it wasn't very important 15-20 years ago because there weren't tablets or smart phones, so there was only one platform to view it on, and that was on the computer. But now that isn't the case, now people are viewing websites from their phones and tablets, which means you have to make your website responsive. To have a good website, you're going to want people to view it on any device, which makes responsive design essential for a good website. 

The computer version of the website was done using the normal coding, nothing new or special.

The tablet version however did change. In the CSS I made it to were once it got to a certain width it would basically crop everything down to a new max width.

The mobile version changed the most, as you can see the sidebar went from the side to beneath. To make this happen I added another piece to the CSS, which allowed it to shrink everything and move the sidebar, once it got to a certain width.














My Responsive Website