What is Responsive Web Design (RWD) ?

  • RWD-Responsive Web Design.
  • It is used to make your web page look good, appropriate and well placed on all devices like desktops, tablet, smartphones, etc.
  • It uses HTML and CSS to hide, resize, enlarge, shrink or move the content.
  • It makes the content look good on any screen.
  • It is viewed on to provide an optimal viewing experience and it is automatically adjusting the structure of the webpage based on device.

For Example,

<!DOCTYPE html>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
         * {
         .left {
         width:20%; /* The width is 20%, by default */
         .main {
         width:60%; /* The width is 60%, by default */
         .right {
         width:20%; /* The width is 20%, by default */
         /* Use a media query to add a break point at 800px: */
         @media screen and (max-width:800px) {
         .left  , .main, .right {width:100%;}
      <h2>Media Queries</h2>
      <p>Resize the browser window, up and down around 800px wide.</p>
      <div class="left">
      <div class="main">
         <p>Main Content</p>
      <div class="right">


Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like

What is the difference between SOAP and REST ?

                  SOAP                    REST It is a protocol. It is an architectural style. SOAP- Simple Object Access Protocol. REST- Representational State Transfer. It can’t use REST because it is a…
View Answer

What is Flexbox ?

It is a one-dimensional layout model that has efficient and flexible layouts with distributed spaces among items to control their alignment structure in CSS . It is a layout model…
View Answer

What is Semantic HTML ?

It is essential to understand the meaning of words during communication in any language. It becomes more critical and provides more semantic elements which make it easy to understand the…
View Answer