Polka Dot Overlay

<style> .size-guide-wrapper { max-width: 700px; margin: 0 auto; font-family: inherit; color: #222; } .sg-section { margin-bottom: 30px; } .sg-section h3 { font-size: 18px; margin-bottom: 10px; } .sg-table { width: 100%; border-collapse: collapse; font-size: 14px; } .sg-table th, .sg-table td { padding: 10px; border-bottom: 1px solid #e5e5e5; text-align: left; } .sg-table th { font-weight: 600; } .sg-measure strong { display: block; margin-top: 12px; } .sg-measure p { margin: 4px 0 0; font-size: 14px; color: #555; } </style> <div class="size-guide-wrapper"> <div class="sg-section"> <h3>Size Chart (in inches)</h3> <table class="sg-table"> <thead> <tr> <th>Size</th> <th>XS</th> <th>S</th> <th>M</th> <th>L</th> <th>XL</th> <th>XXL</th> </tr> </thead> <tbody> <tr><td>Bust</td><td>32</td><td>34</td><td>36</td><td>37</td><td>38</td><td>39</td></tr> <tr><td>Hip</td><td>44</td><td>46</td><td>48</td><td>50</td><td>52</td><td>54</td></tr> <tr><td>Length</td><td>48</td><td>48</td><td>50</td><td>50</td><td>50</td><td>50</td></tr> </tbody> </table> </div> <div class="sg-section"> <h3>How to Measure</h3> <div class="sg-measure"> <strong>Bust</strong> <p>Measure around the fullest part of your chest.</p> <strong>Hip</strong> <p>Measure around the fullest part of your hips.</p> <strong>Length</strong> <p>Measured from the highest point of the shoulder down to the hem.</p> </div> </div> </div>