How to enlarge/decrease the webAPI

How to enlarge/decrease the webAPI

The webAPI adapts to the parent container. It will take all the width available to it while keeping the height/width proportions.
Info
Note: px: pixel

Illustration

In this example, the parent container has a fixed length of 300px. As this is an occupation webAPI (which is more "elongated") the final rendering will be close to 300px x 150px

<div style="width: 300px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>


To increase/decrease the size of the webAPI, you just have to play with the width parameter. The higher this value is, the bigger the webAPI will appear. You can also set a value in % on the parent container to have a more responsive rendering.


Below is a list of webAPIs with parent containers of different widths:

<html>

<head>

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   <script src="https://webapi.affluences.com/js/webapi_latest.min.js%22></script>

</head>

<body>

   <div style="width: 250px;">

       <div class="affluences-counter" data-token="lJSn2ew20kHxwc"></div>

   </div>

   <div style="width: 500px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

   <div style="width: 750px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

   <div style="width: 1000px;">

       <div class="affluences-counter" data-token="o5cm3TIABSR5l9"></div>

   </div>

</body>

</html>


And below the rendering (in the same order)