Skip to content

v1: Fixed grid column breakpoints not working? #3725

Closed
@pljspahn

Description

@pljspahn

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma 1.0.0 [x.x.x]
My browser is: Firefox Linux 123.0.1

I'm using the CDN version: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">

Description

My home page grid previously used Tiles so I'm converting them to a fixed grid and would like to force specific column counts for mobile and desktop. I've swapped out classes, and now have:

<div class="container fixed-grid has-cols-1-mobile has-cols-3-desktop">
    <div class="grid">
        {% for category in categories %}
        <a class="cell m-2" href="{% url 'signs-category-list' category=category %}">
            <div class="box">
                <h2 class="title has-text-centered">{{category.title}}</h2>
                <div class="image is-128x128 mx-auto">
                    <img src="{% static category.image_url %}" alt="">
                </div>
            </div>
        </a>
       {% endfor %}
    </div>
</div>

Steps to Reproduce

Use the fixed-grid has-cols-$n-$breakpoint classes.

Expected behavior

The column count to match the class value.

Actual behavior

The column count remains at the default of 2.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions