Responsive design is an approach to web page creation that makes use of flexible layouts, flexible images and cascading style sheet media queries. The goal of responsive design is to build web pages that detect the visitor’s screen size and orientation and change the layout accordingly.
Some basic concept of responsive design:

1. Create your content and structure. Create the page structure. Add content to the page. Create the headline and form. Summary.
2. Make it responsive. Add a viewport. Apply simple styling. Set your first breakpoint. Constrain the maximum width of the design. Alter the padding and reduce text size.
3. Wrapping up.