How to top-justify columns vs middle-justify

1 reply·opened Jun 27, 2023
D
distillagencyJun 27, 2023

Hello,

I'm using standard columns like this:

<div class="row align-items-center col-mb-50">
<div class="col-md-4 text-center">Content</div>
<div class="col-md-4 text-center">Content</div>
</div>

And I'm trying to vertically top-justify the content within. It seems to be vertically middle justified by default.

How do I do this? Thanks-

S
SemiColonWebSTAFFJun 27, 2023

Hello,

Simply replace the following code:

<div class="row align-items-center col-mb-50">

with the following:

<div class="row col-mb-50">

This will definitely fix your issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard