.item-container { display: flex; } .item-photo { width: 40%; } .item-photo > img { width: 300px; } @media (max-width: 800px) { .item-photo { display: contents; } .item-photo > img { width: 200px; } } @media (max-width: 800px) { .item-photo > img { width: 100px; height: 150px; } } .item-main { text-align: left; width: 60%; } .item-header-container { clear: both; max-width: 800px; display: flex; } .item-header-title, .item-header-price { color: #abab00; line-height: 1.2; } .item-header-title { width: 80%; font-size: xx-large; } .item-header-price { font-size: x-large; text-align: right; } .item-author, .item-language { font-size: large; } .item-author { color: #4d4d4d; }