如何使我的卡片不那么宽，只有3列？

要使卡片不那么宽，只有3列，可以通过以下方法实现：

1. 使用CSS布局：使用CSS的网格布局或弹性盒子布局来控制卡片的宽度和列数。可以将卡片容器设置为网格容器或弹性容器，并使用相应的属性来定义列数和宽度。
2. 响应式设计：使用媒体查询和CSS的响应式布局技术，根据不同的屏幕尺寸和设备类型，调整卡片的列数和宽度。可以使用@media规则来定义不同的CSS样式，以适应不同的屏幕尺寸。
3. 使用JavaScript库：使用一些流行的JavaScript库，如Bootstrap或Foundation，它们提供了响应式的网格系统，可以轻松地实现卡片的列数和宽度的调整。
4. 使用CSS框架：使用一些轻量级的CSS框架，如PureCSS或Milligram，它们提供了简单易用的网格系统，可以帮助您快速实现卡片的布局。

无论使用哪种方法，都需要根据具体的需求和设计要求来调整卡片的宽度和列数。在实际应用中，可以根据页面布局和内容的需要，灵活地调整卡片的样式和布局。