---
title: "Fix Flexbox Children Not Shrinking"
description: "Learn how to fix the issue where flexbox children do not shrink as expected."
date: "2025-04-02"
tags: ["css","flex","frontend","fix"]
canonical: "/snippets/css/fixes/flexbox-fix"
---

import { Code } from '@astrojs/starlight/components'
import Source from './flexbox-fix.css?raw'

## Fix Flexbox Children Not Shrinking

<Code code={Source} lang="css" title="flexbox-fix.css" wrap />