3x3_boxen_verschiedene_moeglichkeiten.php

Quell Code

<h3>Mit Float und responsiv</h3>
<div class="hauptfloat">
  <div class="box">Box</div>  
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
</div>

<h3>Mit Flexbox Responsive</h3>
<div class="hauptflex">
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  <div class="box">Box</div>
  
</div>




<h3>Mit Grid Responsive</h3>
<div class="hauptgrid">
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
    <div class="box">Box</div>
  
</div>
  
<h3>Rabellen Layout ( Altmodischwrd nicht mehr verwendet)</h3>
  
  <table>
    <tr><td>box</td><td>Box</td><td>Box</td></tr>
    <tr><td>box</td><td>Box</td><td>Box</td></tr>
    <tr><td>box</td><td>Box</td><td>Box</td></tr>
</table>