Sizing
Qoduby includes Bootstrap sizing classes as well as self-defined sizing classes.
You can take a look at the Bootstrap sizing classes documentation if you want. https://getbootstrap.com/docs/5.3/utilities/sizing/
Our default sizing classes are of two types, width and height.
These sizing measures;
Increases by 1 between 1px and 15px,
If it is between 10px and 600px, it increases by 10 by 10.
Below you can find examples of this.
Between 1-15
<div class="width-1 height-1"></div>
<div class="width-2 height-2"></div>
<div class="width-3 height-3"></div>
<div class="width-4 height-4"></div>
<div class="width-5 height-5"></div>
<div class="width-6 height-6"></div>
<div class="width-7 height-7"></div>
<div class="width-8 height-8"></div>
<div class="width-9 height-9"></div>
<div class="width-10 height-10"></div>
<div class="width-11 height-11"></div>
<div class="width-12 height-12"></div>
<div class="width-13 height-13"></div>
<div class="width-14 height-14"></div>
<div class="width-15 height-15"></div>
Between 10-600
<div class="width-100 height-220"></div>
<div class="width-80 height-150"></div>
<div class="width-300 height-90"></div