Disallow duplicate background

One last question Sorin, how can I put the divs side by side? I tried to “float: left;”
first it worked and than didn’t

Trying to put it like this;

<div class="builder">
    <div>
        
      <img src="https://static.npmjs.com/images/binoculars-dot.svg">
      <h3>Find</h3>
      <p>Libraries like <a href="#">JQuery</a>, <a href="#">Bootstrap</a>,<br> <a href="#">React</a> and<br> <a href="#">Angular</a>.
        and components from framework<br> such as <a href="#">Ember</a>.
      </p>
    </div><div class="maker">
      <img src="https://static.npmjs.com/images/mountain-dot.svg">
      <h3>Discover</h3>
      <p>Packages for mobile, IoT, front end,<br> back end, robotics...<br>everything you need to start<br> building amazing things.</p>
    </div><div class="maker">
      <img src="https://static.npmjs.com/images/rucksack-dot.svg">
      <h3>Build</h3>
      <p>Assemble packages like building<br> blocks to quickly develop<br> awesome new projects.</p>
    
</div>

my css;

.maker {
    width: 33%;
    float: left;
    text-align: center;
 padding: 10px 475px;
 color: black;
 
}

something like:

<div class="builder">
    <div class="maker">      
      <img src="https://static.npmjs.com/images/binoculars-dot.svg">
      <h3>Find</h3>
      <p>Libraries like <a href="#">JQuery</a>, <a href="#">Bootstrap</a>,<br> <a href="#">React</a> and<br> <a href="#">Angular</a>.
        and components from framework<br> such as <a href="#">Ember</a>.
      </p>
    </div>
    <div class="maker">
      <img src="https://static.npmjs.com/images/mountain-dot.svg">
      <h3>Discover</h3>
      <p>Packages for mobile, IoT, front end,<br> back end, robotics...<br>everything you need to start<br> building amazing things.</p>
    </div>
    <div class="maker">
      <img src="https://static.npmjs.com/images/rucksack-dot.svg">
      <h3>Build</h3>
      <p>Assemble packages like building<br> blocks to quickly develop<br> awesome new projects.</p>
    </div>
</div>


<style>
.builder {
    display: flex;
    justify-content: space-evenly;
    max-width: 100vw;
}    
.maker {
    flex-basis: 30%;
    text-align: center;
    color: black;
 
}
</style>

Multumesc frumos Sorin!