S – Parent container display options – GW

Account on Stage: qa@smartframe.io

Task: QA-262


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.

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 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


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.

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 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

Leave a Comment