Aspect Your Brand Competitor A Price $XX $XX Features ✅ ❌ Customer Support ✅ ❌ "> Aspect Your Brand Competitor A Price $XX $XX Features ✅ ❌ Customer Support ✅ ❌ "> Aspect Your Brand Competitor A Price $XX $XX Features ✅ ❌ Customer Support ✅ ❌ ">

Frame 2 (3).png

<style>
  .comparison-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
  }

  .comparison-table th, .comparison-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
  }

  .comparison-table th {
    background-color: #f2f2f2;
  }

  .comparison-table .aspect-column {
    background-color: #fff;
    text-align: left;
  }

  .comparison-table td:nth-child(n+2),
  .comparison-table th:nth-child(n+2) {
    border-left: none;
  }
</style>

<table class="comparison-table">
  <thead>
    <tr>
      <th>Aspect</th>
      <th>Your Brand</th>
      <th>Competitor A</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="aspect-column">Price</td>
      <td>$XX</td>
      <td>$XX</td>
    </tr>
    <tr>
      <td class="aspect-column">Features</td>
      <td>✅</td>
      <td>❌</td>
    </tr>
    <tr>
      <td class="aspect-column">Customer Support</td>
      <td>✅</td>
      <td>❌</td>
    </tr>
    <tr>
      <td class="aspect-column">Durability</td>
      <td>✅</td>
      <td>❌</td>
    </tr>
    <tr>
      <td class="aspect-column">Warranty</td>
      <td>✅</td>
      <td>❌</td>
    </tr>
    <tr>
      <td class="aspect-column">Ease of Use</td>
      <td>✅</td>
      <td>❌</td>
    </tr>
  </tbody>
</table>