title: Display items in div on inline didnt worked
body: <p>I got a problem with create page. I created a website and cant figure it out. I paste my html code and also css code.</p>
  <p>What i want is header on top, then i will create several photos with information like photo on left, paragraph on right, then reverse and reserve, but i cant figure out my first block of information. In css i got information about my contents of information, then i got info with header, and the div with photo and paragraph and i cant make in display inline-block. Whats wrong? On my container and row i paster informaiton below.Please help me. Also i add image from my current state.</p>
  <pre><code>   .container {
    margin: auto;
  }
  
  .row {
    display: flex;
    flex-wrap: wrap;
  }
   &lt;section class=&quot;why-we-help&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;home&quot;&gt;
                  &lt;div class=&quot;info&quot;&gt;
                      &lt;h1&gt;Dlaczego chcemy pomóc?&lt;/h1&gt;
                  &lt;/div&gt;
                  &lt;div class=&quot;content&quot;&gt;
                      &lt;img class=&quot;img&quot; src=&quot;images/2.jpg&quot; alt=&quot;najwazniejsza jest miłość&quot;&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quisquam id deserunt,
                          enim
                          temporibus autem itaque exercitationem, maiores facere magni minima iure rem facilis
                          adipisci
                          porro debitis, quam ad obcaecati.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  .home {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background: #000000;
  }
  
  .info {
    margin: 35px auto;
  }
  
  .info h1 {
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
  }
  
  .content {
    display: flex;
   display: inline;
  }
  
  .content img {
    flex: 0 0 50%;
    width: 50%;
  }
  
  .content p {
    flex: 0 0 50%;
    width: 50%;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/6tBRl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6tBRl.jpg" alt="Photo from page" /></a></p>