###Software list with flex
HTML-------------------
<div>
  <section class="software">

    <div class="software-frame">
      <a href="https://www.adobe.com/" style="text-decoration: none;color: #000000;">
        <div class="software-img">
          <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg">
        </div>
        <div class="software-container">
          <h2>Product name here </h2>
          <h3>Price here </h3>
        </div>
      </a>
    </div>

    <div class="software-frame">
      <div class="software-img">
        <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg">
      </div>
      <div class="software-container">
        <h2>Product name here </h2>
        <h3>Price here </h3>
      </div>
    </div>

    <div class="software-frame">
      <div class="software-img">
        <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg">
      </div>
      <div class="software-container">
        <h2>Product name here </h2>
        <h3>Price here </h3>
      </div>
    </div>
  </section>
</div>

CSS--------------------------------
.software {
  display: flex;
  flex-wrap: wrap;
}

.software-frame {
  display: flex;
  flex-direction: column;
  padding: 1%;
  flex: 1 15%;
  background-color: #f6f6f4;
}

.software-container {
  margin-top: auto;
  padding-top: 2px;
}

.software-img img {
  max-width: 25%;
}

###Specific software page
HTML-------------------------------
<div class="software-info">
  <div>
    <img src="https://helpx.adobe.com/content/dam/help/mnemonics/pr_cc_app_RGB.svg" class="pic">

  </div>
  <div class="text">
    <h1>Test software title </h1>
    <p> This is an example blurb for a software that we will sell on the website </p>
    <br/>
    <p> More descriptive paragraph here </p>
    <br/>
    <ul>
      <li> Selling point here </li>
      <li> Selling point here </li>
      <li> Selling point here </li>
    </ul>
    <br/>
    <a href="adobe.com" class="button"> Add to cart </a>
  </div>
</div>

CSS--------------------------------
.software-info {
  display: flex;
}

.pic {
  padding-left: 200px;
  padding-top: 50px;
  width: 350px;
}

.text {
  padding-top: 50px;
  padding-left: 15px;
  flex-grow: 1;
}

.button {
  background-color: #edb700;
  color: white;
  text-decoration: none;
  padding: 0.4em;
  font-size: 20px;
  margin-left: 350px;
}