Boostrap 4 grid

I use a bootstrap 4 grid in order to have a responsive grid. The problem is that for high resolutions I have the following choice.

Using -2 I will have 6 cells

<div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12"> 

Using -1 I will have 12 cells

<div class="col-xl-1 col-lg-3 col-md-4 col-sm-6 col-xs-12"> 

It is either too much (images/cells are too big), either not enough (images are too small) 🙁

Here is a complete example : https://codepen.io/cdemez/pen/RwrJZvr

So, I’m looking for a way to have 8 or 10 cells in some situation, do you think it is possible?

PS: I can show you the website, but not sure it is allowed here!

Thanks

Add Comment
0 Answer(s)

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.