   max-width: 320px;
        width: 100%;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <div class="demo">
            <ion-range aria-label="Range with ionChange"></ion-range>
          </div>
        </div>
      </ion-content>
    </ion-app>
    <script>
      const range = document.querySelector('ion-range');

      range.addEventListener('ionChange', ({ detail }) => {
        console.log('ionChange emitted value:', detail.value);
  