freeCodeCamp/guide/english/certifications/responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items/index.md

---
title: Use the flex-shrink Property to Shrink Items
---
# Use the flex-shrink Property to Shrink Items

---
## Problem Explanation
When using `flex-shrink` the higher the number the more it shrinks. For this challenge, afte ryou give the proper values, you should see the `#box-1` being wider than `#box-2`.
fix: change directory structure 2018-10-12 15:37:13 -04:00			`---`
			`title: Use the flex-shrink Property to Shrink Items`
			`---`
fix(guide): restructure curriculum guide articles (#36501) * fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions 2019-07-24 00:59:27 -07:00			`# Use the flex-shrink Property to Shrink Items`
fix: change directory structure 2018-10-12 15:37:13 -04:00
fix(guide): restructure curriculum guide articles (#36501) * fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions 2019-07-24 00:59:27 -07:00			`---`
			`## Problem Explanation`
fix: change directory structure 2018-10-12 15:37:13 -04:00			When using `flex-shrink` the higher the number the more it shrinks. For this challenge, afte ryou give the proper values, you should see the `#box-1` being wider than `#box-2`.