make side bar scroll able vue/nuxt/html/css

1.css

<style scoped>
.section{
 max-height: 98vh;
 overflow:auto; 
 width:100%;  
}
 
</style>

1.vue

<div class="section">
            <div v-for="i in 100" :key="i" class="text-white text-center mt-7 mx-2 px-1 py-1">
             <p>hellogggggg</p>
          </div>
          <div class="text-white text-center  mx-2 px-1 py-1">
             <p>hellogggggg</p>
          </div>
          <div class="text-white text-center mx-2 px-1 py-1">
             <p>hellollll</p>
          </div>

         </div>