JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table_result">
    <tr>
        
        <td>

            <div class="mini_img">
                <img src="img_path.jpg" />
            </div>

            <h4>something_here</h4>
            <p>something_here</p>
            <p>something_here</p>
            <a href="link_here">link</a>
        </td>

        
        <td>

            <div class="mini_img">
                <img src="img_path.jpg" />
            </div>

            <h4> имя продукта notebook1</h4>
            <p>цена 3455</p>
            <p>на складе </p>
            <a href="product_page.php?model=444">На страницу товара</a>
        </td>

        
        <td>

            <div class="mini_img">
               <img src="img_path.jpg" />
            </div>

            <h4> имя продукта SSD1</h4>
            <p>цена 1212</p>
            <p>в наличии </p>
            <a href="product_page.php?model=555">На страницу товара</a>
        </td>

        
        <td>

            <div class="mini_img">
                <img src="img_path.jpg" />
            </div>

            <h4> имя продукта videocard1</h4>
            <p>цена 1211</p>
            <p>в наличии </p>
            <a href="product_page.php?model=777">На страницу товара</a>
        </td>

            </tr><tr>
            </tr>
</table>

    <a href='?page=1' class="links">1</a>


    <a href='?page=2' class="links">2</a>


</div>

CSS

table#table_result {
			border: 1px outset;
            border-spacing: 5px;
            border-collapse: collapse;
            border-color: #fff;
}
table#table_result td {
			height: 300px;
            width: 200px;
            text-align:center;
}