title: Flexbox: Sections in 3 columns
body: <p><em><strong>I am trying to make 3 columns for the section but justify-content- space between doesn't work</strong></em>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrapper{display:flex;
      flex-flow: wrap;
      outline: solid;
      flex-basis: 1 1 auto;
      justify-content: space-between;
          margin: 2em auto;
          width: 50em;
          }
  
  img{width:50em;}
  
  
  section{display:flex;
          flex-flow: wrap;
          justify-content: center;
          flex-basis: 0 1 auto;
      outline:solid; 
      width: 20em;
      margin: 2em auto;
      padding: 1em;}
  /* i need help with section pls*/</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;User Experience at DePaul CDM&lt;/title&gt;
  
  
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css"&gt;
      &lt;link rel="stylesheet" href="ux.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;header&gt;
           &lt;h1&gt;
               &lt;span&gt;DePaul University&lt;/span&gt;
               &lt;img src="" alt="DePaul Tree"&gt;
               &lt;span&gt;College of Computing and Digital Media&lt;/span&gt;
           &lt;/h1&gt;
      &lt;/header&gt;
      &lt;article class="wrapper"&gt;
          &lt;header&gt;
              &lt;h1&gt;Learning User Experience at DePaul CDM&lt;/h1&gt;
              &lt;figure&gt;&lt;img src="680875765.webp" alt="User Experience at CDM"&gt; &lt;/figure&gt;
          &lt;/article&gt;
          &lt;/header&gt;
          &lt;section&gt;
              &lt;h2&gt;Bachelors of Science User Experience Design&lt;/h2&gt;
              &lt;p&gt;The &lt;i&gt;Bachelor of Science in User Experience Design (UXD)&lt;/i&gt; prepares students for the expanding fields
                  of user experience and interaction design. The program integrates visual design, code, and user
                  research. Concepts and skills involved include design principles, prototyping, and usability testing.
                  Students will learn how to analyze, design, develop, and evaluate effective computer interfaces to
                  provide better user experiences.
              &lt;/p&gt;
  
              &lt;a href="https://www.cdm.depaul.edu/academics/Pages/BS-In-User-Experience-Design.aspx"&gt;Learn More&lt;/a&gt;
          &lt;/section&gt;
          &lt;section&gt;
              &lt;h2&gt;Masters of Science Human-Computer Interaction&lt;/h2&gt;
              &lt;p&gt;The &lt;i&gt;Master of Science in Human-Computer Interaction (HCI)&lt;/i&gt; prepares students to ideate, design,
                  implement and evaluate information and communication technologies (ICTs) so they are useful and usable
                  for end users. This interdisciplinary degree integrates concepts and methods from computer science,
                  graphic design and the social sciences. Drawing upon these concepts and methods, students learn
                  user-centered and participatory design approaches as they create ICTs, including dynamic websites,
                  mobile apps and desktop applications. Particular emphasis is given to ICT evaluation, exploratory user
                  research, information architecture, interaction design and prototype development. &lt;/p&gt;
  
              &lt;a href="https://www.cdm.depaul.edu/academics/Pages/MA-In-Experience-Design.aspx"&gt;Learn
                  More&lt;/a&gt;
          &lt;/section&gt;
          &lt;section&gt;
              &lt;h2&gt;Masters of ArtsExperience Design&gt;&lt;/h2&gt;
              &lt;p&gt;The &lt;i&gt;Master of Arts in Experience Design&lt;/i&gt; prepares students in the practice of designing products,
                  processes, services, events and environments with a focus placed on the quality of the user experience
                  and culturally relevant solutions. It is ideal for students seeking to learn the design methods that
                  will enable them to address a range of problems across disciplines through the design of solutions that
                  integrate mobile technologies, interactive systems, media, social practices and face-to-face
                  interactions. Graduates will be prepared to produce diverse work that spans software development, user
                  research, products, systems, services and games. &lt;/p&gt;
  
              &lt;a href="https://www.cdm.depaul.edu/academics/Pages/PhD-Human-Centered-Design.aspx"&gt;Learn More&lt;/a&gt;
          &lt;/section&gt;
          &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>