How to force a child Card to the next line using Wrap widget

I have this container with 6 child Cards with Text inside. How do I force the 5th item to wrap to the next line so that I have 4 items in the top row and 2 in the bottom?
And also how do I prevent different screen resolutions from affecting my layout?

Here’s what I have so far…

Flexible(
  child: Container(
    height: 220,
    child: Wrap(
      runAlignment: WrapAlignment.spaceAround,
      children: <Widget>[
        Flexible(
          child: Card(child: Text("this is my ")),
        ),
        Flexible(
          child: Card(child: Text("this is my ")),
        ),
        Flexible(
          child: Card(child: Text("this is my")),
        ),
        Flexible(
          child: Card(child: Text("this is my ")),
        ),
        Flexible(
          child: Card(child: Text("this is my ")),
        ),
        Flexible(
          child: Card(child: Text("this is my ")),
        ),
      ],
    ),
  ),
),

Screenshot 2022-04-25 193350

Column(
            children: [
              Row(
                children: const <Widget>[
                  Card(child: Text("this is my 1")),
                  Card(child: Text("this is my 2")),
                  Card(child: Text("this is my 3")),
                  Card(child: Text("this is my 4")),
                ],
              ),
              Row(
                children: const <Widget>[
                  Card(child: Text("this is my 5")),
                  Card(child: Text("this is my 6")),
                ],
              )
            ],
          ),