Parent container display options (display: block/flex/grid/inline/etc.) – Gallery embed [S]

Account on Staging: qa@smartframe.io

Task: QA-262


First image landscape


block – Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width

flex – Displays an element as a block-level flex container. Note: The values “flex” and “inline-flex” requires the -webkit- prefix to work in Safari

grid – Displays an element as a block-level grid container

inline – Displays an element as an inline element (like <span>). Any height and width properties will have no effect

inline-block – Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values

inline-flex – Displays an element as an inline-level flex container. Note: The values “flex” and “inline-flex” requires the -webkit- prefix to work in Safari.

inline-grid – Displays an element as an inline-level grid container.


First image portrait


block – Displays an element as a block element (like <p>). It starts on a new line, and takes up the whole width

flex – Displays an element as a block-level flex container. Note: The values “flex” and “inline-flex” requires the -webkit- prefix to work in Safari

grid – Displays an element as a block-level grid container

inline – Displays an element as an inline element (like <span>). Any height and width properties will have no effect

inline-block – Displays an element as an inline-level block container. The element itself is formatted as an inline element, but you can apply height and width values

inline-flex – Displays an element as an inline-level flex container. Note: The values “flex” and “inline-flex” requires the -webkit- prefix to work in Safari.

inline-grid – Displays an element as an inline-level grid container.

Leave a Comment