Milligram: Limit milligram's grid

Created on 17 Nov 2017  ·  4Comments  ·  Source: milligram/milligram

Hi there!

I'm using version v1.3.0

How I can limit milligram's grid only by (just say) 3?
In Bootstrap, I just add something like this : <div class="col-md-4">, and it will only show 3 grids per row.

How I can achieve similliar result in milligram?

Any help would be greatly appreciated!
Thank you.

Hacktoberfest help wanted
Source
picture alzearafat

Most helpful comment

@alzearafat 

<div class="row wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

.row.wrap {
    flex-wrap: wrap;
}
picture ghost on 28 Nov 2017
👍2 🎉1

All 4 comments

@alzearafat 

<div class="row wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

.row.wrap {
    flex-wrap: wrap;
}
ghost picture ghost on 28 Nov 2017
👍2 🎉1

Thanks a lot! @lfsantana

alzearafat picture alzearafat on 29 Dec 2017

Hey @alzearafat @lfsantana There is a defined class for this .row-wrap

<div class="row row-wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

@alzearafat Let me know if this worked for you?

cjpatoilo picture cjpatoilo on 7 Feb 2018
👍1

Hey @alzearafat @lfsantana There is a defined class for this .row-wrap

<div class="row row-wrap">
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
    <div class="column column-33"></div>
</div>

@alzearafat Let me know if this worked for you?

This should be in the doc on grids, along with column-33. Guide is really lacking.

MentalGear picture MentalGear on 11 Feb 2021
Was this page helpful?
0 / 5 - 0 ratings

Related issues

enkota picture enkota  ·  6Comments
luisaceituno picture luisaceituno  ·  6Comments
mukai11 picture mukai11  ·  4Comments
piever picture piever  ·  3Comments
swalberg picture swalberg  ·  6Comments