我正在使用自制的SlideShowUtil在其“相关产品”部分中显示我的图片like MacDonald would do。
要放置一些上下文 ，我尝试下载一些库，例如：
但是它们都不适合我的应用程序-我正在使用NextJS，也许会影响结果-，我不知道为什么，但是这些节点包似乎使我的应用程序崩溃了。因此，目前我的前端有我的自制工具。
因此，在重新调整组件大小时，我的Util效果很好，但缺乏响应能力和适应性。
这里是我的自制幻灯片的沙箱：https://codesandbox.io/s/flamboyant-lewin-88syl
麦克唐纳（MacDonald）的幻灯片甚至在元素之间留有边距，对幻灯片中的项目恕我直言的出色管理。当前，当用户约束屏幕时，幻灯片显示变得越来越少，但是有两个问题： -项目显示管理失败，根据屏幕上可用空间显示项目。 -显示的项目不完全取决于可用空间。
为了获得MacDonald的结果，我应该如何更改代码？
TLDR： 麦克唐纳（MacDonald）的幻灯片很棒，我会复制他们的设计。我已经看到他们在形象和出色的响应能力之间保持优势。这些就是改进我自己的代码的重点。
如何获得这些结果？你会给我什么建议？ 这是我的沙箱：https://codesandbox.io/s/flamboyant-lewin-88syl 这是MacDonald幻灯片，位于“相关产品”部分：https://www.mcdonalds.com/us/en-us/product/artisan-grilled-chicken-sandwich.html，
感谢任何提示。