search

ademilter / bricklayer

Lightweight and independent Pinterest-like cascading grid layout library
http://bricklayer.js.org
Other
2.46k stars 119 forks source link

adjusting width of single box #39

Closed greenlevel closed 5 years ago

greenlevel commented 5 years ago

I just discovered bricklayer and i am happy who it works.

I was just wondering is it possible to make certain boxes wider? e.g. standard box and also column is for example 25% but i want certain boxes be like 50% while the rest goes around it. So not that the whole column is 50% width.

Thanks in advance

f commented 5 years ago

Hello.

Bricklayer uses CSS to adjusting widths and calculates the size as following:

@media screen and (min-width: 1200px) {
  .bricklayer-column-sizer {
    /* divide by 3. */
    width: 33.3%;
  }
}

@media screen and (min-width: 768px) {
  .bricklayer-column-sizer {
    /* divide by 2. */
    width: 50%;
  }
}

But if you want more dynamic/custom computed layout as you wish, it is not possible.

Thanks