PlacingContainer
No edit summary
No edit summary
Line 3: Line 3:
Quick help for when you're confused by why you're seeing when working with placing containers (flex box)
Quick help for when you're confused by why you're seeing when working with placing containers (flex box)


===== Why isn't this container filling the one above it? =====
===== Why isn't this container filling (becoming the full width of) the container above? =====
If you haven't made any special setting it's probably because a container only "fills" the container above in the perpendicular direction. If you want it to fill he whole width, for example for a table, make it's direction "Column".
If you haven't made any special setting it's probably because a container only "fills" the container above in the perpendicular direction. If you want it to fill he whole width, for example for a table, make it's direction "Column".
* Direction Column => Fills horizontal and stacks vertical
* Direction Column => Fills horizontal and stacks vertical
* Direction Row => Fills vertical and stacks horizontal
* Direction Row => Fills vertical and stacks horizontal

Revision as of 14:31, 18 November 2022

PlacingContainers are introduced in this blog article: https://blog.mdriven.net/placingcontainers-flexbox/

Quick help for when you're confused by why you're seeing when working with placing containers (flex box)

Why isn't this container filling (becoming the full width of) the container above?

If you haven't made any special setting it's probably because a container only "fills" the container above in the perpendicular direction. If you want it to fill he whole width, for example for a table, make it's direction "Column".

  • Direction Column => Fills horizontal and stacks vertical
  • Direction Row => Fills vertical and stacks horizontal
This page was edited 39 days ago on 03/26/2024. What links here