[Vuejs]-Items not aligning properly in vue

You should add the class flex-wrap so that items continue in a new line rather than overflowing.

// (...)
<div class="d-flex justify-center flex-wrap mb-6 mt-10">
// (...)