Skip to content

Flexbox and auto margins layout #46133

@danieldudzic

Description

@danieldudzic

What problem does this address?

I am trying to add a few patterns to the WooCommerce Blocks Product Query block and realized there's currently no good layout solution for the following layout:

Flex_·_Bootstrap

I was trying to achieve the following layout using core blocks:

🔎_Product_Query_Block_–_Figma

Since the product image will have a variable height (which will determine the height of the container), achieving the desired Price product element position is currently not possible without custom code.

What is your proposed solution?

It would be useful if:

  • There was a straightforward way to tweak flexbox behavior of blocks (on per block level, if the parent is using flexbox)
  • The margin block setting would support the auto value

Related issue: #45868

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Feature] LayoutLayout block support, its UI controls, and style output.[Feature] Nested / Inner BlocksAnything related to the experience of nested/inner blocks inside a larger container, like Group or P[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions