Columns using floats

Created on 20 January 2021, over 3 years ago
Updated 13 April 2024, 2 months ago

Problem/Motivation

I am failing to see how this module works for BS4. The css it ships with uses your BEM class names which in theory can work, but everything is using floats instead of flexbox.

For example, I wanted to setup two equal columns, image right, and text left. As far as I can tell, due to the use of floats, and a few extra wrapping divs. this is not possible. Side by side columns in the same row have different heights, making it impossible for the responsive image to take up what one would expect would be the available column space.

Steps to reproduce

  1. add an equal column paragraph
  2. add an text and image inside.
  3. observe how it doesn't work.

Proposed resolution

Ship with BS4 compatible BEM styles?

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Closed: outdated

Version

2.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States devkinetic

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.69.0 2024