Why is This Happening?

• In ContainerCard, the Expanded widget allows the Container to take all available space.
• In ImageCard, the Image.network widget is given a fixed width: 100, which means it will not expand.
• Since Row does not impose constraints on its children (except Expanded or Flexible), the image only takes the width it is explicitly given.
• BoxFit.fill only scales the image inside its constraints but does not force the Image widget itself to expand.

Solution

To make the image fill the available space, wrap it with an Expanded widget so it behaves like the Container in ContainerCard:

class ImageCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Card(
      child: IntrinsicHeight(
        child: Row(
          children: [
            Expanded( 
              child: Image.network(
                'https://flutter.github.io/assets-for-api-docs/assets/widgets/owl.jpg',
                fit: BoxFit.fill, 
              ),
            ),
            Expanded(
              child: Container(color: Colors.amber, height: 200),
            ),
          ],
        ),
      ),
    );
  }
}

Why This Works

• Wrapping the Image.network inside Expanded allows it to take all available space in the Row.
• BoxFit.fill ensures that the image stretches to completely fill its container.
• Now, ImageCard behaves just like ContainerCard, ensuring consistent behavior.