css (2) 썸네일형 리스트형 css 준비할 시 항상 잘 쓰는 태그 , 입력어 1. 박스 크기 조절 *{ box-sizing: content-box; } 2. display-flex .header-form-container{ display: flex; flex-direction: row; justify-content: flex-end; 3. Grid 더미데이터를 보여주는 사이트입니다. button 부트스트랩 grid 이해 문제 화면에 따라서 (아이폰 태블릿 컴퓨터) 원하는 모양으로 보여주고싶다. 원리 0. html 의 div는 한 width를 차지하기 때문엘 div가 차지하면 자동으로 아래로 내려가게 되어있다. 그래서 가로배치를 하는 경우 여러가지 css 속성을 이용하여 해결해야한다. 그러나 이러한 가로배치가 중구난방으로 디자이너와 위치가 정확히 협의가 되지 않는다면 문제가 발생할 수 있다. 그래서 정확한 가로배치를 위해서 만들어진 것이 grid이다 데스크탑에서는 section별로 main, content , footer 4 가지 section 으로 나뉠 수 있고 이 안에서도 content 에 사진, 클릭, 내용을 grid에 따라 row별로 배치할 수 있다. 예를 들어 그리드 시스템은 사진은 6grid 버튼은 1grid로.. 이전 1 다음