title: Flutter - Image have overflow despite the defined width?
body: <p>Is my network image still overflowing, despite the defined width, and why?</p>
  <p>Here is a problematic part of the code:</p>
  <pre><code>Container(
    height: 200,
    width: MediaQuery.of(context).size.width, // This may be helpful, but not in my case...
    decoration: BoxDecoration(
        image: DecorationImage(
        fit: BoxFit.fitWidth,
        image: NetworkImage(&quot;${module['thumbnail']}&quot;),
        ),
     ),
  ),
  </code></pre>
  <p>How to fix overflow?</p>
  <pre><code>A RenderFlex overflowed by 28 pixels on the right.
  </code></pre>
  <p>Help, I am a newbie in Flutter. Thanks!</p>
  <p>Ps. Updated code from top to problematic :</p>
  <pre><code>Widget build(BuildContext context) {
      return InkWell(
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) =&gt; SingleModule()),
            );
          },
          child: Card(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(5.0),
            ),
            clipBehavior: Clip.antiAlias,
            child: Row(
              children: [
                Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      height: 200,
                      width: MediaQuery.of(context).size.width,
                      decoration: BoxDecoration(
                        image: DecorationImage(
                          fit: BoxFit.cover,
                          image: NetworkImage(&quot;${module['thumbnail']}&quot;),
                        ),
                      ),
                    ),
  </code></pre>