css 그리드로 간단한 페이지 만들어보기
직접 한번 만들어보면서 css grid를 연습해봅시다.실제로 만들어보면 앞에서 다뤘던 것을 금방 익힐수 있습니다. 페이지 보러가기 간단한 싱글 페이지입니다. 링크에 접속하시면 똑같은 화면을 볼 수 있습니다.예제를 만들 때 도움이 되는 사이트이용하시는 곳이 있다면 상관없지만 해당 사이트를 만들 때 아이콘 등을 어디를 이용할 지 모르겠다면 아래의 사이트를 이용하시면 됩니다. iconmonstr 바로 가기 저는 svg에서 embed를 통해 직접 삽입을 하는 편입니다. 이미지의 경우 저는 핀터레스트를 통해서 이미지를 찾고 이미지의 링크를 div태그의 배경에 삽입했습니다. 또한 css 리셋 등은 검색하면 바로 나오지만 아래에 링크를 첨부합니다. css reset 바로 가기분석해보기예제용으로 만든 것이기 때문에 모..
Frontend-dev/HTML-CSS-JS
2018. 11. 2. 02:08