minimal-mistakes 테마에서 자체 구현한 CSS 기능 모음이다. 다양한 CSS 기능은 문서 구조를 더 이쁘게 하고 가독성을 향상 시켜준다.
mmistakes 테마가 어떤 CSS 기능들을 제공하는지 나열하여 살펴보고 해당 기능의 역할과 작동 과정에 대해 설명한다.

가운데 정렬

![Image Alt](Image Link){:class="align-center"}

이미지를 가운데로 정렬하는 기능. 이미지에 사용한 align-center 클래스는 이미지의 좌우 margin을 auto로 설정하는 것으로 이미지를 가운데 정렬한다.

왼쪽 정렬

![Image Alt](Image Link){:class="align-left"}

이미지를 왼쪽으로 정렬하는 기능. 이미지에 사용한 align-left 클래스는 float: left 속성을 적용하는 것으로 이미지를 감싸는 부모 태그의 왼쪽 벽에 이미지의 왼쪽을 붙인다.

오른쪽 정렬

![Image Alt](Image Link){:class="align-right"}

이미지를 오른쪽으로 정렬하는 기능. 이미지에 사용한 align-right 클래스는 float: right 속성을 적용하는 것으로 이미지를 감싸는 부모 태그의 오른쪽 벽에 이미지의 오른쪽을 붙인다.

Meta Info

Categories:

Published At:

Leave a comment