// to center an image horizontally with bulma: // add has-text-centered to the parent // add is-inline-block to the figure tag <div class="has-text-centered"> <figure class="image is-64x64 is-inline-block"> <img class="is-rounded" src="https://unsplash.it/64"/> </figure> </div>

bulma align image center in column

// to vertically center an image with bulma // add .content and .is-vcentered to a div tag and apply the following css .content.is-vcentered { display: flex; flex-wrap: wrap; align-content: center; /* used this for multiple child */ align-items: center; /* if an only child */ }

bulma align image vertical center in column