"The display of websites on a computer versus a mobile phone are different due to the variation in screen size, layout, and fewer pixels. The phone also has touch input and slower processors. The phone’s screen is vertical thus requiring the navigation bar to be in a vertical layout and so on rather than the computer’s navigation bar being horizontal. To resolve issues relating to the differences, some web developers make two separate websites for each platform. Most developers use user-agent detection to redirect the user to the correlating website based on their user agent. However, it is not recommended to use this approach as you have to make two seperate pages for every page on the website. A solution to this is to add code to optimize the site for different devices. Setting the margins, max-width, float and positions with certain pixel sizes or left/right commands. It is also possible to change the width, margins, border-radius, padding, and max-height with percentages. Take notice of the viewport and density of display when inserting images. A third way is to create if statements for different screen sizes to style each device. An example is: [if screen resolution is lower than 960 px]. It’s important to create an IA (information assurance), set a viewport, and set a breakpoint for the width. Play with the width size of the website until it does not look correct."