width: 250px;
display: flex;
margin: auto;
- margin-top: calc(50% - 320px);
+ margin-top: 100px;
flex-direction: column;
border: 1px solid #AAA391;
padding: 20px;
.desc {
display: flex;
+ flex-direction: column;
padding-top: 10px;
}
-.desc .cover img {
- width: 100px;
- padding-right: 10px;
+.desc .cover {
max-height: 280px;
+ overflow: hidden;
+}
+
+.desc .cover img {
+ max-width: 80%;
+ margin: auto;
+ display: block;
}
.desc .details .col1 {
.bar.optionbar.s1 { padding-left: calc(400px - (1 * (64px + 5px) / 2)); }
.bar.optionbar.s4 { padding-left: calc(400px - (4 * (64px + 5px) / 2)); }
+
+ .desc { flex-direction: row; }
+ .desc .cover img {
+ width: 200px;
+ padding-right: 10px;
+ }
}