title: Layout In Flutter
body: <p>I'm new to flutter and currently practicing the layout options. I need help with layout from the image below, I used a Row that has 2 children, 2 Columns with 4 Text Widgets. The first column has the text PASSENGER, CONTACT, ETC. and the second columns contains 4 other Text Widgets Jessica Hyde, Numbers and Luggage (I've nested '3 big suitcases and 1 carry on' Text in a Column and in a Row the Text 'French speaker, smoker').</p>
  <p><a href="https://i.stack.imgur.com/l7YIf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l7YIf.png" alt="Layout in Flutter" /></a></p>
  <p>The problem I have is that they are not aligned like in the picture, PASSENGER with the name, CONTACT with the number and etc. My results look like this:</p>
  <pre><code>Row(
     crossAxisAlignment: CrossAxisAlignment.start,
     mainAxisAlignment: MainAxisAlignment.start,
     children: [
       Padding(
         padding: const EdgeInsets.all(8.0),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Text(
               'PASSENGER',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w500,
                 color: Colors.grey[600],
               ),
             ),
             // SizedBox(
             //   height: 10.0,
             // ),
             Text(
               'CONTACT',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w500,
                 color: Colors.grey[600],
               ),
             ),
             SizedBox(
               height: 10.0,
             ),
             Text(
               'LUGGAGE',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w500,
                 color: Colors.grey[600],
               ),
             ),
             SizedBox(
               height: 20.0,
             ),
             Text(
               'OTHER',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w500,
                 color: Colors.grey[600],
               ),
             ),
           ],
         ),
       ),
       Padding(
         padding: const EdgeInsets.only(
           left: 12.0,
         ),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             Text(
               'Wade Wilson',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w600,
                 color: Colors.grey[500],
               ),
             ),
             Text(
               '+1 212+759-3000',
               style: TextStyle(
                 fontSize: 15.0,
                 fontWeight: FontWeight.w600,
                 color: Colors.grey[500],
               ),
             ),
             SizedBox(
               height: 10.0,
             ),
             Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 Text(
                   '3 big suitcases',
                   style: TextStyle(
                     fontSize: 15.0,
                     fontWeight: FontWeight.w600,
                     color: Colors.grey[500],
                   ),
                 ),
                 SizedBox(
                   height: 2.0,
                 ),
                 Text(
                   '1 carry on',
                   style: TextStyle(
                     fontSize: 15.0,
                     fontWeight: FontWeight.w600,
                     color: Colors.grey[500],
                   ),
                 ),
               ],
             ),
             SizedBox(
               height: 10.0,
             ),
             Row(
               children: [
                 Text(
                   'French speaker, ',
                   style: TextStyle(
                     fontSize: 15.0,
                     fontWeight: FontWeight.w600,
                     color: Colors.grey[500],
                   ),
                 ),
                 Text(
                   'smoker',
                   style: TextStyle(
                     fontSize: 15.0,
                     fontWeight: FontWeight.w600,
                     color: Colors.grey[500],
                   ),
                 ),
               ],
             ),
           ],
         ),
       ),
     ],
   );
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Emtn7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Emtn7.png" alt="My results" /></a></p>
  <p>What is the best way to fix this?
  Thanks in advance for your help!</p>