title: Flutter - How to achieve Row with same height as parent Container
body: <p>I have to create a widget with the following design</p>
  
  <p><a href="https://i.stack.imgur.com/89yQB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/89yQB.jpg" alt="enter image description here"></a></p>
  
  <p>I have a basic layout created for the same below. The below code is inside a Column.</p>
  
  <pre><code>                      Row(
                            mainAxisSize: MainAxisSize.max,
                            children: &lt;Widget&gt;[
  
                              /*******Outer Container********/
                              Container(
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.all(Radius.circular(8)),
                                  border: Border.all(color: Colors.grey, width: 0.5),
                                ),
                                child: Row(
                                  children: &lt;Widget&gt;[
                                    Container(
                                      padding: EdgeInsets.all(8),
                                      child: Row(
                                        children: &lt;Widget&gt;[
                                          Text("1981-June-01"),
                                          SizedBox(width: 8),
                                          Icon(Icons.calendar_today),
                                        ],
                                      ),
                                    ),
                                    SizedBox(width: 8),
  
                                    /*******Inner Container********/
                                    Container(
                                      padding: EdgeInsets.all(8),
                                      child: Text("38Yrs"),
                                      decoration: BoxDecoration(
                                        color: Colors.grey,
                                        borderRadius: BorderRadius.all(Radius.circular(8)),
                                        border: Border.all(color: Colors.grey, width: 0.5),
                                      ),
                                    ),
                                  ],
                                ),
                              )
                            ],
                          ),
  </code></pre>
  
  <p>The result i get is the following</p>
  
  <p><a href="https://i.stack.imgur.com/HkSxS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HkSxS.jpg" alt="enter image description here"></a></p>
  
  <p>There is still some unwanted padding between the parent container and the bounds of the Row that contains the two containers. I tried using IntrinsicHeight Widget but the UI stayed the same. I wrapped the outer container and the Row inside it with IntrinsicHeight Widget. One at a time and on both at the same time as well. But no change.</p>
  
  <p>What i want to do is to remove that extra padding between the outer container and the inner container, and make the inner container border/height same as the Outer container. Am i missing something?
  Any help is appreciated.</p>