我有一个被切片和拼接的项目数组，它们在单独的div中显示为两列。

我想要的是当屏幕尺寸变小时，一列的项目跳转到另一列，这样它就像一列一样出现在小屏幕上。 我只是在网上查找与jquery相关的东西，但我想使用普通的JS。 我该怎么做呢？ 任何帮助都非常感激！

null

let arr = [
  'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l'
];

let hey = arr.slice(4);
let heyArray = arr.splice(0, 4);

document.getElementById('displayA').innerHTML = '<li><a href="#">' + hey.join('</a></li><li><a href="#">') + '</a></li>';

document.getElementById('displayB').innerHTML = '<li><a href="#">' + heyArray.join('</a></li><li><a href="#">') + '</a></li>';

div {
  float: right;
  margin-right: 1.2em;
  padding: 0 20px;
}

<div id="displayA"></div>
<div id="displayB"></div>

null

https://codepen.io/bfoley650/pen/zyrvpmo