63 行
750 B
CSS
63 行
750 B
CSS
.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;
|
|
}
|