Skip to content
Snippets Groups Projects
Commit 656e1266bb17 authored by Cédric Krier's avatar Cédric Krier :atom:
Browse files

Use col-rows-* to set number of column

Since bootstrap 4.5, the col are in one row per default.

issue9337
parent 5ae8c13240ac
No related branches found
No related tags found
No related merge requests found
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
{% for provider, _ in providers %} {% for provider, _ in providers %}
{% set name = provider %} {% set name = provider %}
{% include "service_providers/%s.html" % provider|lower|slugify %} {% include "service_providers/%s.html" % provider|lower|slugify %}
......
<div class="col mb-gutter" id="{{ name | lower | replace(' ', '-') }}"> <div class="col mb-gutter" id="{{ name | lower | replace(' ', '-') }}">
<div class="card mx-auto shadow d-flex flex-colum" style="width: 24rem; height: 100%"> <div class="card mx-auto shadow d-flex flex-colum" style="max-width: 24rem; height: 100%">
<a href="{{ website }}" style="height: 240px"> <a href="{{ website }}" style="height: 240px">
{% if img %} {% if img %}
<noscript class="loading-lazy"> <noscript class="loading-lazy">
......
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4">
{% for case in cases %} {% for case in cases %}
<div class="col mb-gutter"> <div class="col mb-gutter">
{{ case_card(case) }} {{ case_card(case) }}
......
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6">
{% for supporter in supporters %} {% for supporter in supporters %}
{% set discuss = discuss_url(supporter) %} {% set discuss = discuss_url(supporter) %}
{% set roundup = roundup_url(supporter) %} {% set roundup = roundup_url(supporter) %}
<div class="col mb-gutter"> <div class="col mb-gutter">
...@@ -21,8 +21,8 @@ ...@@ -21,8 +21,8 @@
{% for supporter in supporters %} {% for supporter in supporters %}
{% set discuss = discuss_url(supporter) %} {% set discuss = discuss_url(supporter) %}
{% set roundup = roundup_url(supporter) %} {% set roundup = roundup_url(supporter) %}
<div class="col mb-gutter"> <div class="col mb-gutter">
<div class="card mx-auto shadow" style="width: 200px"> <div class="card mx-auto shadow" style="max-width: 200px">
<noscript class="loading-lazy"> <noscript class="loading-lazy">
<img class="card-img-top" src="{{ supporter['email'] | gravatar(198) }}" width="198" height="198" alt="" loading="lazy"/> <img class="card-img-top" src="{{ supporter['email'] | gravatar(198) }}" width="198" height="198" alt="" loading="lazy"/>
</noscript> </noscript>
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
{% endmacro %} {% endmacro %}
{% macro case_card(case, classes='') %} {% macro case_card(case, classes='') %}
<div class="card mx-auto shadow d-flex flex-column {{ classes }}" style="width: 18rem; height: 100%"> <div class="card mx-auto shadow d-flex flex-column {{ classes }}" style="max-width: 18rem; height: 100%">
{% if case.logo %} {% if case.logo %}
<noscript class="loading-lazy"> <noscript class="loading-lazy">
<img class="card-img-top" src="{{ url_for('static', filename=case.logo) }}" style="height: 180px" alt="" loading="lazy"/> <img class="card-img-top" src="{{ url_for('static', filename=case.logo) }}" style="height: 180px" alt="" loading="lazy"/>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment