티스토리 수익 글 보기
.ccmixter-home {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 20px;
margin: 0;
max-width: none;
}
/* Default: 100% width (mobile) */
.ccmixter-box {
width: 100%;
background: #f9f9f9;
border: 1px solid #ccc;
padding: 5px 15px;
box-sizing: border-box;
border-radius: 8px;
font-size: 13px;
line-height: 1.4;
}
/* On screens > 800px, simulate 2 columns */
@media screen and (min-width: 1024px) {
.ccmixter-box {
width: calc(50% – 10px); /* 2 columns with 20px gap between */
}
}
.ccmixter-box p,
.ccmixter-box span,
.ccmixter-box li,
.ccmixter-box a,
.ccmixter-box div {
font-size: 14px !important;
}
.ccmixter-box span.left {
margin:10px 10px 2px 10px;
}
.ccmixter-box h2 {
margin-top:4px;
margin-bottom:3px;
}
.ccmixter-box img {
max-width: 100%;
height: auto;
display: block;
}
.mini-playlist {
float: right;
width: 300px;
margin: 0 0 1em 1em;
}
.editor-container {
min-width: 600px;
padding: 20px;
}
#editor {
width: 100%;
}