【HTML/CSS】tableタグを使わない比較表デザイン！レスポンシブ対応！

/************************************ ** 比較表 ************************************/ /* 比較表全体 */ .compare-box { display:-webkit-box;/* 配置 */ display:-ms-flexbox;/* 配置 */ display:flex;/* 配置 */ max-width:600px;/* 横幅 */ margin: 0 auto 2rem;/* 余白 */ border-radius:4px;/* 角丸 */ box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */ background: #fef9ed; /* 背景色 */ } /* 左のボックス、右のボックス */ .compare-box .compare-left-

[lait_9baka]

マークアップもめっちゃ微妙だし何故敢えてtableタグ使わないのか意味がわからない・・(デザインは綺麗

[munyaX]

これはtableタグで良いのでは…。

[haneman-oyaji]

HTMLやCSSの知識ゼロなおじさんにはこういうテンプレ超ありがたい。感謝のはてブ。

[masalib]

ブログを書く時に使えそう。