結果を表示する
元にもどす
<html lang="ja"> <meta charset="utf-8"> <style> .グリッド{display:grid; grid-template-columns:repeat(2,100px); gap:8px;} .ボックス{width:100px; height:100px; border:1px solid black; text-align:center; line-height:100px;} </style> <p>Grid レイアウト</p> <div class="グリッド"> <div class="ボックス">1</div> <div class="ボックス">2</div> <div class="ボックス">3</div> <div class="ボックス">4</div> <div class="ボックス">5</div> <div class="ボックス">6</div> </div> </html>