Before anything else, it is important to understand what responsive web design actually is. To be precise, Responsive Web Design is a technique which enables your website to fit virtually into any device.
One of the important parts of a responsive web design is resizing the image automatically to fit the width of its container. Actually it's very easy, all you need to do is to set the appropriate value for max-width CSS property.
1140 CSS Grid is a layout template for web design based on a 12 column structure. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
How to create a responsive div with a background image?
If you have been a frontend web developer for a while, there is a high chance that you have had a moment when you were trying to find out how to code something and realised after a bit of googling, that "there is CSS for that".