Новинка, сделай сам, Подарочная игрушка, искусственная кожа, маленький ТВ, стереоскопический усилитель экрана, увеличитель для видео и фильмов

Документ body, div { margin: 0; padding: 0; } .titleImag { width: 100%; max-width: 960px; margin: 0 auto; } .titleImag img { display: block; width: 240px; height: 82px; margin: 0 auto; } .my-card { display: flex; width: 100%; max-width: 960px; margin: 10px auto; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width:560px) { .my-card>div { width: 23%; height: 334px; border: 4px solid #F7F7F7; position: relative; } .my-card .grayCard { width: 90%; height: 198px; margin: 10px auto; background: #EEF3FA; } .price-font-size { height: 50px; width: 80%; margin: 10px; font-size: 12px; color: #D8D4D0; font-weight: 700; padding: 0 15px; position: absolute; bottom: 0; } } @media screen and (max-width:560px) { .my-card>div { width: 46%; height: 334px; border: 4px solid #F7F7F7; position: relative; } .my-card .grayCard { width: 90%; height: 198px; margin: 10px auto; background: #EEF3FA; } .price-font-size { height: 50px; width: 80%; margin: 10px; font-size: 12px; color: #D8D4D0; font-weight: 700; padding: 0 15px; position: absolute; bottom: 0; } } .priceSize { height: 36px; line-height: 36px; width: 36px; } .clickBuy { display: inline-block; float: right; height: 36px; width: 36px; } .clickBuy img { height: 36px; width: 36px; }