Making-a-website-responsive

For Making A website responsive

You have to do 7 things for making a website responsive

  1. 💡 Defining viewport in Meta tag.

  2. 💡 Using CSS Relative measuring units. (em, rem, vh, vw, %)

  3. 💡 Responsive / fluid image or image responsive.

  4. 💡 Defining Body’s max-width and margin: 0 auto;

  5. 💡 Responsive split screen using flex. ( Using media quires for 2 columns section.)

  6. 💡 Grid Responsive (multi column).

  7. 💡 Responsive Menu bar (using Js or CSS Frame work).