How to Display Content in Mobile Devices

How to Display Content in Mobile Devices

In Some cases we need to display certain content like headings, buttons to visible on selected screen sizes instead of visibile to all web views like desktop pc screens. Here we can customize the visibility using css.

<style>
              .customsizedisply {display: none;}

              /* display in selected screen size limit only */
              @media (max-width: 1000px) {
                  .customsizedisply {display: inline;}
              }
    </style>

<div class="customsizedisply">
      <a> <button>Apply now</button></a>
    </div>