Using Bulma css for the website .
The category list using ul > li in list item.
Trying to get list item like the
Image 1
My solution is not getting align porperly in center for desktop and mobile shown in
Image 2
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css"><div class="categories"><h3>category</h3><div class="container is-centered is-widescreen"><div class="content" style="text-align: center;"><div class="columns is-desktop "><div class="column is-mobile "><h5 class="">category 1</h5><ul><li>Lorem, ipsum dolor</li><li> amet consectetur adipisicing elit</li><li>Iusto asperiores tempora</li><li>accusamus laudantium iure</li><li> Dignissimos ab </li></ul></div><div class="column is-mobile "><h5 class="">category 2</h5><ul><li>Lorem, ipsum dolor</li><li> amet consectetur adipisicing elit</li><li>Iusto asperiores tempora</li><li>accusamus laudantium iure</li><li> Dignissimos ab </li></ul></div><div class="column is-mobile "><h5 class="">category 3 </h5><ul><li>Lorem, ipsum dolor</li><li> amet consectetur adipisicing elit</li><li>Iusto asperiores tempora</li><li>accusamus laudantium iure</li><li> Dignissimos ab </li></ul></div></div></div></div></div>