HTML CSS 그리드 사용하기그리드(grid) : CSS 최신 기술로써 전세계 75%가 그리드 기능을 사용했을때 이용할수 있는 기술이다. 그리드를 통해서 div로 Block 단위 2개로 나누어 나란히 배치 할 수 있다.1.
HTML 문서 구조화 하기 <!DOCTYPE html> HTML5 언어라는 것을 웹브라우저에 인식 시켜준다. <body> 태그 안에 <header> <nav> <article> <footer> 태그를 사용해 문서 구조화 시켜준다.
각 태그안에 원하는 내용을 입력해준다.2. 크롬 개발자 도구를 사용하여 웹브라우저 상의 위치와 여백 등을 확인한다.
확인 후 margin(외부여백) padding(내부여백)의 적절한 값을 줘서 구조화를 시킨다.3. CSS 그리..........
원문 링크 : CSS 그리드(Grid) 사용하기
