Product Recommendation Grid

Edit Component
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta name="x-apple-disable-message-reformatting" />
  </head>
  <body style="background-color:rgb(255,255,255);margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'">
    <table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:550px;margin:40px auto">
        <tr>
            <td style="padding:0 0 24px 0">
                <h2 style="font-size:24px;margin:0">Recommended for You</h2>
            </td>
        </tr>
        <tr>
            <td>
                <table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
                    <tr>
                        <td style="padding:8px">
                            <img src="https://images.unsplash.com/photo-1616486338812-3dadae4b4ace" alt="Modern Chair" style="width:100%;height:150px;object-fit:cover;margin-bottom:12px" />
                            <h3 style="font-size:16px;margin:0 0 8px 0">Modern Accent Chair</h3>
                            <p style="font-size:14px;color:#666;margin:0 0 8px 0">$99.99</p>
                            <a href="#" style="font-size:14px;color:#007bff;text-decoration:none">Shop Now →</a>
                        </td>
                        <td style="padding:8px">
                            <img src="https://images.unsplash.com/photo-1540932239986-30128078f3c5" alt="Desk Lamp" style="width:100%;height:150px;object-fit:cover;margin-bottom:12px" />
                            <h3 style="font-size:16px;margin:0 0 8px 0">Designer Desk Lamp</h3>
                            <p style="font-size:14px;color:#666;margin:0 0 8px 0">$79.99</p>
                            <a href="#" style="font-size:14px;color:#007bff;text-decoration:none">Shop Now →</a>
                        </td>
                        <td style="padding:8px">
                            <img src="https://images.unsplash.com/photo-1567016376408-0226e4d0c1ea" alt="Side Table" style="width:100%;height:150px;object-fit:cover;margin-bottom:12px" />
                            <h3 style="font-size:16px;margin:0 0 8px 0">Minimalist Side Table</h3>
                            <p style="font-size:14px;color:#666;margin:0 0 8px 0">$129.99</p>
                            <a href="#" style="font-size:14px;color:#007bff;text-decoration:none">Shop Now →</a>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
  </body>
</html>