Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS Grid for columns block #21190

Open
strarsis opened this issue Mar 27, 2020 · 2 comments
Open

CSS Grid for columns block #21190

strarsis opened this issue Mar 27, 2020 · 2 comments
Labels
[Block] Columns Affects the Columns Block CSS Styling Related to editor and front end styles, CSS-specific issues. [Type] Enhancement A suggestion for improvement.

Comments

@strarsis
Copy link
Contributor

Is your feature request related to a problem? Please describe.
Using CSS Grid for the core/columns block would make the styles much simpler and easier to customize. Currently, flexbox is used and complicated media queries with margins for emulating gaps between the columns (vertical gaps seem to be missing anyway).

Describe the solution you'd like
Styles using CSS Grid for the core/columns block base styles.

Describe alternatives you've considered
Adjusting existing flexbox styles is very cumbersome and error-prone, especially when it comes to readjusting media queries for switching the columns count.

@ghost
Copy link

ghost commented Mar 29, 2020

I agree, especially since it is already being used in the Media/Text block. In my opinion the experience with it is much smoother!

@talldan talldan added [Block] Columns Affects the Columns Block [Type] Enhancement A suggestion for improvement. labels Mar 31, 2020
@talldan
Copy link
Contributor

talldan commented Mar 31, 2020

There's lots of discussion about columns over on this issue - #16370.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Columns Affects the Columns Block CSS Styling Related to editor and front end styles, CSS-specific issues. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

3 participants