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>
  
  
  
  
  
  
  

Add Comment

* Required information
1000
Drag & drop images (max 1)
Powered by Commentics

Comments

No comments yet. Be the first!

Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0