Let’s say I have column 1 with widgets A, B and C and column 2 with widgets D and E. Column 1 and 2 are in a Row. How do I align A with D and C with E vertically.

    Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // Column 1
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              WidgetA(), // Widget A
              WidgetB(), // Widget B
              WidgetC(), // Widget C
            ],
          ),
          const SizedBox(width: 20), // Add some space between columns
          // Column 2
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              WidgetD(), // Widget D
              SizedBox(height: 40), // Add spacing to align D with A
              WidgetE(), // Widget E
            ],
          ),
        ],
      ),

Widgets D and E have variable sizes based upon their content. There are ‘Text’ widget and can be one or more lines tall.