css
flex使おう。
レスポンシブ対応 See the Pen css grid 2 by tikyu (@tikyuu) on CodePen.
参考 CSS Grid Layout を極める！（基礎編) A Complete Guide to Grid 目的 display: grid;を使ってみる grid-template-rows, grid-template-columnsでの画面サイズ設定 grid-template-areasでのgrid-area画面レイアウト See the Pen CSS display:grid; 1 by…
See the Pen css3 button menu by tikyu (@tikyuu) on CodePen.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <style> .container { background: #224; overflow: hidden; width: 400px; height: 400px; padding: 10px 0 0 10px; } #first { background-color: #e6005c; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-bo…
