flex-shrink 의 계산은 flex-basis, width, height 의 영향을 받기 때문에 여간 까다로운 일이 아니다. 실무에서는 많이 사용해보진 않았지만, 계산법은 알고 있어야 할 것 같아 정리 해본다.위 그림은 flex-basis의 값이 각각 100px

div는 block 요소로 위에서 아래로 쌓이게 되어 있다. 이것을 수평 정렬 할 수 있는 방법이 무엇이 있을까.필자는 flex라는 속성이 나오기 전에 아래 두 가지 방법을 이용해 수평 정렬을 했다.첫 번째 방법으로는 block요소를 inline화 시키는 것이었다. 여

메가박스 클론 코딩 을 보고, 전체적으로 화면을 어떻게 구성했는지 짧게 정리한 포스트container 를 이용해 center 정렬row 를 이용해 추가 여백항상 container 와 row는 붙어 다닌다.각 섹션에 아이디 값을 지정하고, 여기에는 기본 레이아웃 지정po

메가박스를 클론 코딩하는 중 수평으로 스크롤을 처리하는 부분 있어, 어떻게 처리 했는지 공유하고자 한다.먼저, 카드를 담고 있는 컨테이너와 카드를 만들자.수평 스크롤을 처리 할 수 있는 방법은 2가지가 있다.코드를 보면, 수직 스크롤을 비활성화 시키고, 수평 스크롤만