<!-- START CODE --> <!-- 1 baris --> <div class="col s12 card-panel cyan lighten-4 "><p>This div is 12-columns wide on all screen sizes</p></div> <!-- 2 baris --> <div class="col s6 card-panel cyan lighten-4 "><p>6-columns (one-half)</p></div> <div class="col s6 card-panel teal "><p>6-columns (one-half)</p></div> <!-- code 4 kotak --> <div class="col s12 m6 l3 card-panel purple darken-3"><p>s12 m6 l3</p></div> <div class="col s12 m6 l3 card-panel pink darken-4"><p>s12 m6 l3</p></div> <div class="col s12 m6 l3 card-panel lime"><p>s12 m6 l3</p></div> <div class="col s12 m6 l3 card-panel blue darken-3"><p>s12 m6 l3</p></div> <!-- code 12 kotak --> <div class="col s1 card-panel orange">1</div> <div class="col s1 card-panel green">2</div> <div class="col s1 card-panel orange">3</div> <div class="col s1 card-panel green">4</div> <div class="col s1 card-panel orange">5</div> <div class="col s1 card-panel green">6</div> <div class="col s1 card-panel orange">7</div> <div class="col s1 card-panel green">8</div> <div class="col s1 card-panel orange">9</div> <div class="col s1 card-panel green">10</div> <div class="col s1 card-panel orange">11</div> <div class="col s1 card-panel green">12</div> <!-- END CODE -->