Responsive Web Design

Responsive web design is the approach that suggests that design and development should respond to the user's behavior and environment based on the screen size. It has become important because the number of desktop computers has slowly been rising since 2011 but the number of mobile phone has increased at a very fast rate since 2011. Media Queries in responsive design is a CSS3 module that allows the content to render to adapt to conditions such as screen resolution. Breakpoints are the point at which your sites content will respond to provide the user with the best possible layout to consume the information

Skinny Ties

In this image there are 2 columns of ties in the skinny windows. The images of the ties are the get a little bigger. The navigation of the page changes. The mens across the top combine into pull down menus. The content of the page is the same, you are only able to see a max of 4 ties at a time.  

In this image there are 4 columns of ties in the medium window. The images of the ties get a little smaller, The navigation of the page is the same as the smaller one, but the pull down menus above the ties expand a little bit. The content of the page is the same but you are able to see 8 ties at once.


In this image there are 5 columns of ties in the large window. The images of the ties gets even smaller. the navigation of the page is different than the medium one. The pull down menus are gone and you can see all of the options. The content of the page is the same but you are able to see 10 ties at once.