web responsive code example

Example 1: responsive html

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

Example 2: responsive html

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

Example 3: Responsive page

/*Default CSS layout for narrow screens*/

@media (min-width: 480px) {
  /*CSS for medium width screens*/
}

@media (min-width: 800px) {
  /*CSS for wide screens*/
}

@media (min-width: 1100px) {
  /*CSS for really wide screens*/
}