Villa bridge design responsive single page template

The concept of responsive website design (Responsive Web design) is:
The design and development of the page should respond and adjust accordingly based on user behavior and device environment (system platform, screen size, screen orientation, etc.). The specific practice method consists of many aspects, including elastic grid and layout, pictures, the use of CSS media query, etc. Whether the user is using a laptop or an iPad, our page should be able to automatically switch resolution, image size and related script functions to adapt to different devices; in other words, the page should have the ability to automatically respond to the user's device environment. Responsive web design is a website that is compatible with multiple terminals - rather than making a specific version for each terminal. In this way, we don't have to do special version design and development for new devices that keep coming.