title: Alignment Property Container in Flutter
body: <p>How does the Alignment property works in a Container widget in Flutter? I have the following code which does not have the alignment property in the container. </p>
  
  <pre><code>return GridTile(
                                child: Column(children: &lt;Widget&gt;[
                        Image.network(_workoutCategories[index].imageURL),
                        Container(  
                          color: const Color(0xffe67e22),
                          child: Padding(
                            padding: const EdgeInsets.all(10.0),
                            child: Text(_workoutCategories[index].name, style: TextStyle(color: Colors.white, fontSize: 24)),
                          ),
                        )
                    ]),
                );
  </code></pre>
  
  <p>And here is the result: </p>
  
  <p><a href="https://i.stack.imgur.com/OFz9G.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OFz9G.png" alt="enter image description here"></a></p>
  
  <p>When I add the alignment property on the Container, the Container seems to stretch to fill the parent as shown below: 
  <a href="https://i.stack.imgur.com/sRmtZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sRmtZ.png" alt="enter image description here"></a></p>
  
  <p>I thought alignment property is just used to align the child widgets. What is going on? </p>