Trying to implement masonry on Bulma CSS

Asked Feb 21 '19 at 04:24

Active Feb 21 '19 at 04:24

Viewed 1,169 times

I'm trying to implement a masonry on Bulma CSS through cards, I want something like this:

And the css code detects the height of the card (If one card has more text, this height grows up...) I have this example but I couldn't implement it...

The wrapper works through this code (If the screen is small change to 1 if not 2):

.masonry {
  column-count: 2;
}

Help please...

asked Feb 21 '19 at 04:24

Andrés Montoya

4,079
4
18
33

Basically, CSs is not suited to such layout except (possibly) CSS-Grid - https://stackoverflow.com/questions/44377343/css-only-masonry-layout – Paulie_D Feb 21 '19 at 11:57
Do you have some example implementing what I'm doing with grid? Or any library... I'm using React with the real project... – Andrés Montoya Feb 21 '19 at 13:54
Perhaps this? https://bulma.io/documentation/layout/tiles/ – Klooven Mar 24 '19 at 21:21
I'm looking to do something similar. Did you ever find a good technique for this using Bulma? – Adam Christianson Apr 16 '21 at 15:04

Trying to implement masonry on Bulma CSS

0 Answers0