Skip to content
The CSS Chamber of Measures

/static/camara/en/unidade/cqmin-cqmax/

Menu

CSS-020 · Container

cqmin · cqmax

The container's smaller and larger sides, ready to decide on their own.

One cqmin is worth the smaller of 1cqi and 1cqb; one cqmax, the larger. They are the vmin and vmax of component scale: the measure picks the side by itself, box by box, as each container runs wider or taller.

They serve what must stay proportional inside a vessel of unpredictable shape — a square medallion, an inner breathing room that neither smothers the short box nor gets lost in the tall one. For cqb to truly weigh in, the container needs container-type: size.

width:40cqmin
.medalhao {
  width: 40cqmin;
  padding: 4cqmin;
}
Live demonstration: the bar measures 40cqmin — 40% of the dashed container's smaller side, here its height.