출처 : https://hyeonseok.com/blog/712 가로세로 비율을 유지하는 반응형 박스 - 신현석(Hyeonseok Shin) dev | 2012-08-22 반응형 웹디자인에서는 max-width: 100%나 width: 100%를 활용하여 콘텐츠가 컨테이너의 너비에 맞게 유동적으로 변경되게 하는 기법이 많이 사용된다. 이 때 높이는 콘텐츠가 가지고 있는 hyeonseok.com 이거 이용하여 반응형 에서도 이미지 높이 비율 유지 하였음. (22.4.28) 가로세로 비율을 유지하는 반응형 박스 dev | 2012-08-22 반응형 웹디자인에서는 max-width: 100%나 width: 100%를 활용하여 콘텐츠가 컨테이너의 너비에 맞게 유동적으로 변경되게 하는 기법이 많이 사용된다. 이 ..

https://stackoverflow.com/questions/13979239/width-of-table-cell-based-on-colgroup-not-working/17053247

https://wazacs.tistory.com/4 자동으로 순서대로 숫자값 넣어주기 - CSS counter javascript나 jquery를 사용하지 않고 CSS 만으로도 순서대로 값을 넣어줄수 있습니다. counter-reset 속성으로 적용할 counter의 이름을 지정해 준후 counter-increment를 사용하면 자동으로 증가하여 숫자가 나 wazacs.tistory.com

https://taegon.kim/archives/3768

https://norux.me/63 [CSS] inline 속성일 때, 4px의 여백에 대하여 [CSS] inline 속성일 때, 4px의 여백에 대하여 오늘은 CSS 에서 display 속성이 inline 혹은 inline-block 인 엘리먼트들에 왜 4px 정도의 여백이 생기는지를 알아보도록 하겠습니다. 물론 그 이유를 알게 되면 norux.me inline-block 쓸경우 기본 여백 4px이 들어가는 이슈사항 처리 하는 방법 참고하기위해 가져옴.

출처 : https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com