Closed
Description
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
Labels
No labels