List 可拖动列表的Flexbox模板

我有一个可拖动项目列表，用于响应性设计：

标题，
页脚{
背景色：#5fba7d；
填充：1rem；
}
.集装箱{
显示器：flex；
最小高度：800px；
}
.菜单{
宽度：15em；
背景色：#FFF8DC；
}
.内容{
背景色：#fff；
左边框：1px实心#958C4D；
弹性：1；
填充物：5px10px；
}
.可排序列表{
宽度：18.75em；
}
.行{
显示器：flex；
边缘底部：15px；
框大小：边框框；
}
.row>*{
显示：内联块；
边界半径：4px；
框大小：边框框；
}
.左{
高度：2米；
显示器：flex；
光标：移动；
}
.处理{
宽度：1.5em；
高度：2米；
线高：2米；
文本对齐：居中；
右边距：0.125em；
边界半径：4px；
}
.图标{
宽度：2米；
高度：2米；
边界半径：4px；
背景色：#c97777；
边缘：0.125em；
}
.伸展{
弹性：1；
边框：1px纯黑；
填充：6px 12px；
边缘：0.1米；
}
.垃圾{
宽度：2米；
高度：2米；
线高：2米；
文本对齐：居中；
左侧边缘：0.125em；
}
鲍顿·阿约特先生{
弹性：1；
边框：1px纯黑；
边界半径：4px；
填充：6px 12px；
边缘：0.2米0.75米；
}
/*移动布局*/
@介质（最大宽度：768px）{
.可排序列表{
宽度：100%；
}
.菜单{
显示：无；
}
}

标题
asdasd

=
香蕉
X
=
菠萝
X
=
橙色
X
+添加一行V

否，在

行上使用固定宽度的项目时，没有更好的方法。要添加Flexbox，将需要更多的标记和CSS，因为您需要复制
行的所有标记，用
按钮替换
拉伸
，将
左侧的高度设置为0，添加溢出（或删除标记中的
=
和
X
）并将
图标的宽度设置为0。。。。因此，与保证金相比，我选择每周8天保证金：）谢谢你的回答和确认！不，在
行
项上使用固定宽度时，没有更好的方法。要添加Flexbox，将需要更多的标记和CSS，因为您需要复制
行的所有标记，用
按钮替换
拉伸
，将
左侧的高度设置为0，添加溢出（或删除标记中的
=
和
X
）并将
图标的宽度设置为0。。。。因此，与保证金相比，我选择每周8天保证金：）谢谢你的回答和确认！