tips.html

<div style="

    padding: 12px;

    border: 1px solid #333333;

    border-radius: 8px;

    text-align: center;

    display: flex;

    flex-direction: column;

    gap: 8px;

  ">
  <b style="font-size: 18px;">Tips for best results</b>

  <ul style="

      display: flex;

      gap: 16px;

      justify-content: center;

      list-style: none;

      padding: 0;

      margin: 0;

      flex-wrap: wrap;

    ">
    <li>Single person, clearly visible</li>
    <li>|</li>
    <li>Match category to garment type</li>
    <li>|</li>
    <li>Use "flat-lay" for product shots</li>
    <li>|</li>
    <li>2:3 aspect ratio optimal</li>
  </ul>
</div>