File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.lesson {
margin-top: 20px;
}
.lesson-h2 {
display: flex;
justify-content: center;
align-items: center;
}
.lesson-h2 mark {
background-color: #ffffff;
border-bottom: 8px solid #D1C4E9;
}
.lesson-p {
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: bold;
}
.lesson-contents ul li {
list-style-type: none;
margin-top: 30px;
}
.lesson-contents ul {
display: flex;
justify-content: center;
align-items: center;
}
.lesson-contents li {
width: 150px;
height: 150px;
margin: 0 25px;
}
.lesson-contents li:hover {
cursor: pointer;
opacity: 0.7;
}
/* 추가함 */
.lession-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content-img-container {
width: 120px;
height: 120px;
position: relative;
/* 부모를 relative로 설정하여 자식 요소들을 조정 */
display: flex;
justify-content: center;
align-items: center;
/* 중앙 정렬 */
}
.content-img-container img {
object-fit: contain;
position: absolute;
}
.lession-content-name {
margin-top: 10px;
font-weight: bold;
}
.content-img-container .flag {
z-index: 3;
width: 60px;
top: -40px;
position: absolute;
}
.content-img-container .recommand {
z-index: 2;
width: 80px;
height: auto;
position: absolute;
top: -20px;
right: 0px;
}
.content-img-container img:last-child {
z-index: 1;
width: auto;
height: auto;
position: static;
}
.clear-flag-img {
width: 50px;
}