title: how to add multiple containers inside a container in flutter
body: <p>I'm a student learning flutter. How do I add multiple containers to my flutter code. as shown in the right side picture. I was tried multiple times but alignments went wrong. can someone tell me where do I start to add another container set? I want to add 5 containers that display with xs, s, m,l, xl sizes texts. can someone explain how to do this?</p>
  <p><a href="https://i.stack.imgur.com/5XTK6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5XTK6.png" alt="UI Design" /></a></p>
  <pre><code>import 'package:flutter/material.dart';
  
  
  class DetailsScreen extends StatelessWidget {
    const DetailsScreen({Key? key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
      backgroundColor: Colors.white,
          appBar: AppBar(
            backgroundColor: Colors.pinkAccent,
  
          ),
            body: Column(
                children: &lt;Widget&gt; [
            Expanded(
            child: Container(height: MediaQuery.of(context).size.height*.8,
            padding: EdgeInsets.all(10.0),
  
            decoration: const BoxDecoration(
              image: DecorationImage(
                image: AssetImage(&quot;assets/images/image23.png&quot;),
                //fit: BoxFit.fitHeight,
  
              ),
            ),
  
          ),
  
            ),
                  Stack(
                    alignment: Alignment.bottomRight,
                    children: &lt;Widget&gt; [
                      // Max Size
                      Container(
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(30.0),
                          color: Colors.red.shade50,
  
                        ),
                        alignment: const Alignment (1,1),
                        height: 400,
                        width: 350,
  
                        child: Column(
                        children: const  [
                          Padding(
                         padding: const EdgeInsets.fromLTRB(10, 40, 100, 40),
                                child: Text(
                         &quot;Summer  Collections&quot;,
                        style: TextStyle(
                            fontSize: 24,
                     color: Color(0xff262626),
                         fontWeight: FontWeight.w700),
                            textAlign: TextAlign.left,
      ),
      ),
                          Padding(
                            padding: const EdgeInsets.fromLTRB(0, 0, 270, 100),
                            child: Text(
                              &quot;Sizes&quot;,
                              style: TextStyle(
                                  fontSize: 12,
                                  color: Color(0xff262626),
                                  fontWeight: FontWeight.w700),
                              textAlign: TextAlign.left,
                            ),
                          ),
                               ],
                            ),
                          ),
  
  
  
                      Padding(
                        padding: const EdgeInsets.fromLTRB(230, 110, 0, 40),
                        child: ElevatedButton(
                          onPressed: () {},
                          child: const Text(
                            &quot;Add to Cart &quot;,
                          ),
                          style: ElevatedButton.styleFrom(
                              primary: Colors.black,
                              shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.only(
                                      topLeft: Radius.circular(30),
                                      bottomRight: Radius.circular(20))),
                              padding: const EdgeInsets.all(15)),
                        ),
                      ),
  
  
  
                 ]
                      ),
  
                     ],
                  ),
  
  
  
      );
    }
  } 
  </code></pre>