Responsive wed design dynamically changes the appearance of a website, depending on the screen size of the device being used. The technology uses the breakpoints to accurately determine how the layout of the website will appear: one design is used above and another below that breakpoint. The breakpoints are usually based on the width of the browser and page elements in a responsive design reshuffle itself as the viewport shrinks or grows. The same HTML code serves to all devices and using CSS or Cascading Style Sheets one can decide the layout of web page and also change the appearance of a page. One does not go through the pain of creating separate websites and different comparable code bases for big-screen monitors, laptops, desktops, phones and tablets, one can create a single code base and support various users with different viewports. In a responsive web design, proportion-based grids are relied upon to rearrange the content and design elements in accordance to size. A three-column desktop responsive design will itself change into a two-column for a tablet and for a smart-phone the same may change to a single column.