JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<h1>Свадебные платья</h1>
<div id="table">
    <div>
        <div>
            <img src="" alt="Изображение 1" width="150" height="260">
            <p>Текст 1</p>
        </div>
        <div>
            <img src="" alt="Изображение 2" width="150" height="260">
            <p>Текст 2</p>
        </div>
        <div>
            <img src="" alt="Изображение 3" width="150" height="260">
            <p>Текст 3</p>
        </div>
    </div>
    <div>
        <div>
            <img src="" alt="Изображение 4" width="150" height="260">
            <p>Текст 4</p>
        </div>
        <div>
            <img src="" alt="Изображение 5" width="150" height="260">
            <p>Текст 5</p>
        </div>
        <div>
            <img src="" alt="Изображение 6" width="150" height="260">
            <p>Текст 6</p>
        </div>
    </div>
</div>
</div>

CSS

#wrap {
    width: 500px;
    margin: auto;
    text-align: center;
}
#table {
    display: table;
    width: 100%;
}
#table div {
    display: table-row;
}
#table div div {
    display: table-cell;
    text-align: center;
}