Text-Justify (토론 | 기여) 편집 요약 없음 |
Text-Justify (토론 | 기여) 편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
. | .lookaroundcontainer { | ||
column-count: 3; | column-count: 3; | ||
column-gap: 20px; | column-gap: 20px; | ||
} | } | ||
.lookaround, .lookaround ul { | |||
margin-left: 0px!important; | margin-left: 0px!important; | ||
margin-top: 0px !important; | margin-top: 0px !important; | ||
10번째 줄: | 10번째 줄: | ||
} | } | ||
. | .lookaround li { | ||
list-style: none; | list-style: none; | ||
height: 72px; | height: 72px; | ||
border-bottom: 1px #e1e8ed solid; | border-bottom: 1px #e1e8ed solid; | ||
} | } | ||
. | .lookaround li:before { | ||
content: ""; display: inline-block; | content: ""; display: inline-block; | ||
height: 100%; | height: 100%; | ||
22번째 줄: | 22번째 줄: | ||
} | } | ||
. | .lookaround li img{ | ||
width: auto; height: auto; | width: auto; height: auto; | ||
max-width: 60px; | max-width: 60px; | ||
30번째 줄: | 30번째 줄: | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
. | .lookaroundcontainer { | ||
max-height: 144px; | max-height: 144px; | ||
} | } | ||
. | .lookaround ul > li:last-child, li:nth-child(2), li:nth-child(4), li:nth-child(6) { | ||
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
} | } | ||
@media (min-width: 600px) and (max-width: 768px) { | @media (min-width: 600px) and (max-width: 768px) { | ||
. | .lookaroundcontainer { | ||
column-count: 2; | column-count: 2; | ||
max-height: 216px; | max-height: 216px; | ||
} | } | ||
. | .lookaround ul > li:last-child, li:nth-child(3), li:nth-child(6) { | ||
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
. | .lookaroundcontainer { | ||
column-count: 1; | column-count: 1; | ||
text-align: left; | text-align: left; | ||
} | } | ||
. | .lookaround ul > li:last-child { | ||
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
} | } |
2021년 3월 10일 (수) 23:41 판
.lookaroundcontainer {
column-count: 3;
column-gap: 20px;
}
.lookaround, .lookaround ul {
margin-left: 0px!important;
margin-top: 0px !important;
margin:auto;
}
.lookaround li {
list-style: none;
height: 72px;
border-bottom: 1px #e1e8ed solid;
}
.lookaround li:before {
content: ""; display: inline-block;
height: 100%;
margin-right: 0; vertical-align: middle;
width: 0.3rem;
}
.lookaround li img{
width: auto; height: auto;
max-width: 60px;
max-height: 60px;
margin-right: 0.25rem;
}
@media (min-width: 768px) {
.lookaroundcontainer {
max-height: 144px;
}
.lookaround ul > li:last-child, li:nth-child(2), li:nth-child(4), li:nth-child(6) {
border-bottom: 0;
}
}
@media (min-width: 600px) and (max-width: 768px) {
.lookaroundcontainer {
column-count: 2;
max-height: 216px;
}
.lookaround ul > li:last-child, li:nth-child(3), li:nth-child(6) {
border-bottom: 0;
}
}
@media (max-width: 600px) {
.lookaroundcontainer {
column-count: 1;
text-align: left;
}
.lookaround ul > li:last-child {
border-bottom: 0;
}
}