html css mobile responsive code example

Example 1: media query for mobile view css

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Example 2: responsive html

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Example 3: html how to make responsive for mobile

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Example 4: responsive html

@media (max-width: 530px){
    .CLASSHERE {
        padding: 10px 110px;
        margin-left: 365px;
        margin-bottom: 30px;
        font-size: medium;
        text-align: center;
    }
}