Bulma – gapless columns on touch only

Bulma is a really nice CSS framework that I’m using for my current side project. I’m not hiding the fact that I’m way out of my comfort zone doing front end development, so Bulma has helped me tons. But there are always those situations where you have to roll something yourself, so my sass file does have some tweaks, and this is one of them.

Columns are nice, but used out of the box on mobile makes the space between the columns way to large. This led me to create this  is-gapless-touch class, and it looks like this

 

If you find my posts helpful, feel free to buy me a coffee, and if you have any suggestions or questions, feel free to leave me a comment below or send me a message on Twitter