Css 在大屏幕上并排显示元素，在小屏幕上居中显示元素

如何在大屏幕上并排显示元素，左、右浮动，在小屏幕上居中显示？如果可能，无需媒体查询

查看图片以了解：

这是代码

.abc{
显示：网格；
网格模板柱：1fr 1fr 1fr；
显示器：flex；
证明内容：之间的空间；
柔性包装：包装；
宽度：100%；
}

第一要素
第二要素
第三要素
第四元素

谢谢，但它似乎在小屏幕上并排运行。我只是尝试过，即使在小屏幕上，两个内部div也并排运行。这可以保持不同设备上元素的大小。或者简单地使用开发工具，越来越多地减小屏幕的大小，您将看到它工作得非常完美。我刚刚做到了：