{"json_modified": "2016-10-21T06:15:04.501614", "uuid": "989b0276-3ea3-4972-a660-62c6c146fc65", "title": "minmax()", "url": "/en-US/docs/Web/CSS/minmax", "tags": ["CSS Grid", "CSS", "Reference", "Experimental", "Web", "CSS Function", "Layout"], "translations": [], "modified": "2016-10-21T06:15:04", "label": "minmax()", "localization_tags": [], "locale": "en-US", "id": 196843, "last_edit": "2016-10-21T06:14:58", "summary": "The <code><strong>minmax</strong></code><strong><code>()</code></strong> <a href=\"/en-US/docs/Web/CSS\">CSS</a> function defines a size range greater than or equal to <var>min</var> and less than or equal to <var>max</var>. If <var>max</var> &lt; <var>min</var>, then <var>max</var> is ignored and <code>minmax(min,max)</code> is treated as <var>min</var>. As a maximum, a <a href=\"/en-US/docs/Web/CSS/flex\" title=\"The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.\"><code>&lt;flex&gt;</code></a> value sets the flex factor of a grid track; it is invalid as a minimum.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Example", "title": "Example"}, {"id": "CSS_content", "title": "CSS content"}, {"id": "HTML_content", "title": "HTML content"}, {"id": "Result", "title": "Result"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "slug": "Web/CSS/minmax", "review_tags": []}