One of the keys to make a successful website is to make it responsive. A responsive website is when the layout and design adapts to the size of the screen. In addition, all computer, phone, tablet, etc. screens are all different sizes and therefore, a good website should be able to adapt to each of the screen sizes and still look well designed and easy to navigate. Moreover, because all computer screens are horizontal and phones are vertical it is difficult to the design to look exactly the same on computer versus phone. However, there are tricks around this problem. For example, navigation bars on websites built for computers are traditionally at the top of the screen with a clear layout and button for each individual page. The navigation bar usually stretches across the entire width of the screen. This would not work for viewing pages on your phone because if it would to do the same the font would be too small or would take too long to scroll across the entire screen. Therefore, the hamburger menu icon was created. The hamburger menu icon was created to represent the entire navigation bar and it is symbolized by usually around three lines stacked on top of each other. When a user presses this the tabs that would usually appear across the screen, are now presented as a stacked list. In addition, there are other hacks used for web design when making a successful responsive website. In an article I read called, “Practical SVG” by Chris Coyier, he describes when placing an image into a website rather than using “img” you use the code “svg” an automatic correct resizing takes places. By using “svg” rather than “img” you are using numbers on a coordinate system rather than pixels. Another benefit to this that no matter how big or small, there will be a clear picture rather than a pixelated image. This also works great even if the ratio does not match the original because there are other possibilities such using Max,Min, and Mid. When using max, min and mid, combined with “meet” there are nine possible outcomes and keep the entirely of the image. Also, when using max, min and mid there are an additional other nine outcomes when using with “slice” that cuts off part of the image. Overall, when designing responsive websites there are various different hacks and shortcuts to reach a desirable website for all sized screens. Whether it be replacing words for icons, traditional website design for new symbols or just making a adjustable picture using meet or slice there are tons of ways to make a website design look amazing for any sized device.