New devices with new screen sizes are being developed almost every day, and each of these devices may be able to handle variations in size, functionality and even color. Responsive Web design is the approach that suggests that design and development should respond to the users’ behaviour and environment based on screen size, platform and orientation. Since it is impossible to create a web site versions for each device or any resolution, is required to resolve the problem by using of flexible grids and layouts, images and an intelligent use of CSS media queries.
People expect to be able to browse the web on their phones just as easily as they browse the web on a desktop computer. In this brilliant guide, Adam Kaplan explains how to create and use flexible css grid, how to apply CSS media queries and how to solve completely the problem with different screen sizes and devices.