[CSS 코드 조각] 깔끔하게 그리드를 짜는 코드

,

[2023-11-29] 이제는 그냥 grid나 flexbox를 사용하면 된다. 그런 게 없던 10년 전, 이 코드를 만나고 뛸 듯이 좋아했던 기억이 생생하다.


.l-grid {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.l-grid > li {
    display: inline-block;
    margin: 0 0 10px 10px;
}

이 코드는 SMACSS에 나오는 코드에서 IE7용 코드를 제거한 것이다. inline-block으로 썸네일 그리드 같은 것을 깔끔하게 처리한다. ull-grid라는 클래스를 주면 된다.

카테고리 글 목록 👉

,

대표글

댓글 남기기