ボックスを比率に合わせてレスポンシブさせるサンプル

ボックスの要素の横幅と高さの比率を保ちながらレスポンシブさせるサンプルです

解説記事はこちら

1

1.333(3:4)

1.414(Silver Ratio)

1.618(Golden Ratio)

1.732(Platinum Ratio)

2

1+1.414(Silver Ratio)

1+1.618

3.303(Bronze Ratio)