Html divs не отображается в качестве сетки ⇐ Html

[Anonymous]

Мне нужно поместить эти DOV в сетку, чтобы они отображались на экране в сетке, а не блок. Я отображаю их в блоке и сосредоточен на экране для меньшей ширины экрана, и после определенной ширины экрана я хотел бы, чтобы они отображались в виде сетки, но я продолжаю получать кнопки и текст, отображаясь справа от изображений, в отличие от отображения под изображениями. Вот мой код HTML и CSS ... < /p>

Код: Выделить всё

[img]https://atlas-content-cdn.pixelsquid.com/stock-images/shirt-men-181dmv4-600.jpg[/img]
Men's slim fit blue plaid shirt
$50.00
Add to cart

[img]https://watchdreamer.com/sites/default/files/styles/soldat_md/public/2021-05/WBP201A.BA0632_.png?h=7afb1587&itok=EH_sMV2B[/img]
Men's silver and black time piece
$499.99
Add to cart

[img]https://www.pngall.com/wp-content/uploads/5/Brown-Men-Shoes-PNG-Image.png[/img]
Men's Uncle Tom dress shoes
$44.99
Add to cart

[img]https://i5.walmartimages.com/asr/b19cdda5-932f-4862-a7b3-b7440bfb759e_1.87f4ae5495ec75a86d5f6e4572e807d3.jpeg?odnHeight=612&odnWidth=612&odnBg=FFFFFF[/img]
Men's slim black slim fit dress pants
$70.00
Add to cart

[img]https://www.suitsexpert.com/wp-content/uploads/2019/01/silk-tie.png[/img]
Men's formal red tie
$19.99
Add to cart






.container-2 {
width: 90%;
display: block;
margin: 0 auto 0 auto;
}
.boxes {
display: grid;
justify-content: space-evenly;
grid-template-columns: 220px 220px 220px;
}

Подробнее здесь: https://stackoverflow.com/questions/717 ... -as-a-grid