wafflestudio / seminar-2020

2020 Rookies 세미나
29 stars 50 forks source link

octicons position 설정 #146

Open cs71107 opened 3 years ago

cs71107 commented 3 years ago

html/ css를 공부하면서 페이지의 구조를 잡는 중인데, github의 banner를 만들기 위해 octicon들의 svg 파일들을 이용하게 되었습니다. 그런데 이 svg 파일들의 위치를 어떻게 설정하는지 모르겠습니다. 혹시 svg 파일 외에 다른 방법으로 접근 하는 것이라면 알려주시면 감사하겠습니다.

ars-ki-00 commented 3 years ago

svg viewBox 아마 위의 링크를 참조하시면 위치 조정은 가능하실겁니다.

개발자 도구에 나오는 HTML의 모든 요소가 정답은 아닙니다. HTML은 온전한 구조를 잡는 역할을 하기 때문에, 구조만 동일하다면 img 태그를 사용하셔서 구현해도 괜찮습니다. 아마 svg 태그가 사용된 것은 라이브러리를 사용한 결과라고 추측됩니다.