Breaking News: Grepper is joining You.com. Read the official announcement!

bulma align image vertical center in column

Successful Salamander answered on May 5, 2021 Popularity 8/10 Helpfulness 7/10

answer bulma align image vertical center in column

related bulma align image center in column

bulma align image vertical center in column

Comment

// 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 */
}

Popularity 8/10 Helpfulness 7/10 Language whatever

Source: Grepper

Tags: bulma center image whatever

Link to this answer
Share Copy Link

Contributed on May 05 2021

Successful Salamander

0 Answers Avg Quality 2/10

Closely Related Answers

bulma align image center in column

Comment

// 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>

Popularity 8/10 Helpfulness 10/10 Language whatever

Source: Grepper

Tags: bulma center ce

Link to this answer
Share Copy Link

Contributed on May 05 2021

Successful Salamander

0 Answers Avg Quality 2/10

bulma align image vertical center in column

Contents

More Related Answers

bulma align image vertical center in column

Closely Related Answers

bulma align image center in column

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.