列幅による調整
まず、display: flex; を再定義する必要があります。
.categories-and-latest {
display: block;
}
次に、幅を設定します。
.column.categories {
width: 40%;
float: left;
}
これはサンプルに過ぎません。前の div を取得して画面幅に対応する必要があるかもしれません。モバイルデバイスでどうなるかはわかりませんし、さらに CSS を追加する必要があるでしょう。
display: flex; に注意してください。ここでの問題があるかもしれません。
