(새 문서: body { display: flex; height: 350px; margin: 0; background-color: #1c1d1f; text-align: center; font-family: 'GmarketSansMedium'; } .custom-container { width: 350px; background-color: #333; border-radius: 10px; padding: 10px; margin: 10px 0; color: #fff; font-family: 'GmarketSansMedium'; } .image-container { text-align: center; font-...) |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
body { | body { | ||
display: flex; | display: flex; | ||
height: | height: 300px; | ||
margin: 0; | margin: 0; | ||
background-color: #1c1d1f; | background-color: #1c1d1f; | ||
79번째 줄: | 79번째 줄: | ||
font-size: 0.9em; | font-size: 0.9em; | ||
padding: 5px 8px; | padding: 5px 8px; | ||
background-color: # | background-color: #90464D; | ||
border-radius: 5px 0px 0px 0px; | border-radius: 5px 0px 0px 0px; | ||
color: #fff; | color: #fff; | ||
text-align: left; | text-align: left; | ||
} | } |
2025년 6월 14일 (토) 02:03 판
body {
display: flex;
height: 300px;
margin: 0;
background-color: #1c1d1f;
text-align: center;
font-family: 'GmarketSansMedium';
}
.custom-container {
width: 350px;
background-color: #333;
border-radius: 10px;
padding: 10px;
margin: 10px 0;
color: #fff;
font-family: 'GmarketSansMedium';
}
.image-container {
text-align: center;
font-family: 'GmarketSansMedium';
}
.image-container img {
width: 100%;
border-radius: 10px;
}
.title {
font-size: 1.2em;
color: #90464D;
padding: 10px 0;
text-align: center;
font-family: 'GmarketSansMedium';
}
.subtitle {
font-size: 0.9em;
color: #fff;
padding-bottom: 10px;
text-align: center;
font-family: 'GmarketSansMedium';
}
.say {
border-radius: 10px;
padding: 10px 15px;
text-align: center;
font-family: 'GmarketSansMedium';
}
.description {
font-size: 0.9em;
padding: 10px;
text-align: justify;
font-family: 'GmarketSansMedium';
}
.info-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5px;
}
.info-box {
width: 48%;
background-color: #fff;
color: #333;
padding: 2px;
border-radius: 3px;
margin-bottom: 3px;
box-sizing: border-box;
border: 1px solid #90464D;
text-align: left;
}
.info-header {
font-size: 0.9em;
padding: 5px 8px;
background-color: #90464D;
border-radius: 5px 0px 0px 0px;
color: #fff;
text-align: left;
}