title: How to match Container's Width with Other Container in Flutter?
body: <p><a href="https://i.stack.imgur.com/JkVbk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JkVbk.png" alt="enter image description here"></a></p>
  
  <p>Hi, I am new to Flutter. I'm trying to develop a screen, where there are two containers. As you can see in the image above, the first container has a horizontally symmetric width, but the second container with "Date and Time" is smaller than the above container as it should be equal. This is what I've done:</p>
  
  <pre><code>  class _CurrentTabState extends State&lt;CurrentTab&gt; {
    @override
    Widget build(BuildContext context) {
      return Column(
        mainAxisSize: MainAxisSize.max,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: &lt;Widget&gt;[
          Container(
            margin: EdgeInsets.symmetric(horizontal: 20, vertical: 20),
            padding: EdgeInsets.only(left: 20),
            height: 50,
            color: Colors.lightBlue,
            child: Align(
              alignment: Alignment.centerLeft,
              child: Text(
                "YOUR BOOKINGS",
                style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                    fontSize: 16),
              ),
            ),
          ),
          Container(
            padding: EdgeInsets.only(left: 20, right: 20),
            margin: EdgeInsets.symmetric(horizontal: 20),
            decoration: BoxDecoration(
                border: Border.all(
                    color: Colors.grey
                )
            ),
            child: Column(
              children: &lt;Widget&gt;[
                Text(
                    "Fri. 12 Jul - 18:00"
                )
              ],
            ),
          )
        ],
      );
    }
  }
  </code></pre>