Fixedcol

Fixedcol is a CSS flex layout property that allows developers to create fixed-column layouts. Introduced in CSS Flexible Box Layout Module, it provides a flexible way to create multi-column layouts while maintaining a fixed width for the columns.

When a container is specified as a fixed column layout, all its direct children are automatically assigned as columns within the container. The fixed column layout property, known as "flex-direction", is set to "column" which orients the children in a column direction. The "flex-basis" property is also necessary to specify the width of each column. This can be done using either a fixed value (e.g. "200px") or a keyword like "max-content".

In a fixed column layout, the available space in the container is divided among the columns based on their "flex-basis" values. Any unused space is then distributed among the columns. This helps in maintaining negative space in the layout for better aesthetics.

An example of fixed column layout is in designing an article with multiple columns in a magazine. Each column will contain articles or news, separated by a common theme.

Fixed column layouts can be used for creating complex and visually appealing layouts with ease, and with more control over the column widths.

Sub-properties of fixed column layout include:

* flex-direction: column

* flex-basis: 200px

* flex-wrap: nowrap

They can be used together to make a fixed column layout with specific requirements.