在响应表中保持固定宽度的垫片

Question

我几乎完成了一个与表相似的响应式设计。 这是一支笔。 我要更改的最后一件事是.image和右侧.right-side右侧的文本之间的固定空间。 可以说20px。 当前，当屏幕尺寸变小时，右侧的文本会侵占左侧的图像空间。 具有固定间距并保持响应设计的最佳方法是什么？

Answer 1

您可以将.wrapper-1更改为flex容器，并删除宽度的百分比值，例如：

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

.left-side {
  width:70px;
}

.right-side {
  flex:1;
}

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