Responsive Web Design

When you add responsive web design to your web page it makes look good on all devices like a desktop, tablet or phone which, is why it has become so popular. With the increase use of hand-held devices. Responsive web design is about using CSS and HTML to resize, hide, shrink, enlarge or move content to look good on any screen. A media query is a CSS technique that includes a block of CSS properties that only exist if certain conditions are true. Media query also includes breakpoints where certain parts will behave differently on each side of the breakpoint like rows and columns.

This is the website in its smallest window which would be about how it would look on your phone or a device like that. In this website there are also menus that when in this smallest view have a completely different format than in the bigger windows.

This is the medium size view. This view is almost the exact same as the biggest view except the image is shrinked down a bit. In different menus the same happens where the format is the same but the size is different.

This is the full page view. In here everything is spread out. The menus in this view are very spaced out and simple looking