応答モードでは、垂直方向に割り付けられたdivsが水平になります。

Question

現在、私は3つのボタンを片側に持っており、画面サイズを小さくすると、たわむようにして固定幅を置いたままになります。 Here is the CodePen、誰かが私が逃しているものを探すことができたら。

私が働くだろうと思っている今のこの持っている：

.buttons { 
    width: 100%; 
} 
.button-container { 
    width: 100%; 
    margin: auto; 

} 
.button-strip img { 
    width: 30%; 
    float: left; 
    overflow: hidden; 
} 

まだ、このすべてに非常に新しい:)

Answer 1

いくつかの画像はリンクしたCodePen上に表示が、ここでだされていませんが私が働いたものを、おそらくそれはあなたが探しているものです：

.button-strip { 
    width: 30%; 
    display: inline-block; /* Stop them from breaking lines */ 
} 
.button-container { 
    width: 100%; 
    text-align: center; /* Not really required, but I thought it looked best centered */ 
} 

これは、私にどのように見えるので、うまくいけば、私はまだあなた

助けるために管理することができ