Answers for "bulma image center in column"

2

bulma align image center in column

// 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>
Posted by: Guest on May-05-2021
1

bulma align image vertical 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 */
}
Posted by: Guest on May-05-2021

Browse Popular Code Answers by Language