応答テーブルの固定幅スペーサを維持

Question

私はテーブルルックアタック対応設計でほぼ完成しています。 This is a pen to it.私が最後に気に入っているのは、.imageの間の固定スペースと、右側のテキスト.right-side divです。 20pxと言うことができます。現在、画面サイズが小さくなると、右側のテキストが左側の画像の領域に侵入します。固定された間隔を持ち、応答を維持する最良の方法は何でしょうか？あなたはフレックスコンテナであることを.wrapper-1を変更し、例えば、このような幅のパーセント値を削除することができ

Answer 1

：

.wrapper-1 { 
    padding:10px 10px; 
    display:flex 
} 

.left-side { 
    width:70px; 
} 

.right-side { 
    flex:1; 
} 

http://codepen.io/anon/pen/QGwwEB