HTML과 CSS 이용하기

깃헙 레파지토리를 날렸다.😅

포트폴리오용 사이트에 배운 스택과 새로 써볼 스택을 다 집어넣어보고 싶은 욕심 때문에 뭔가 꼬인 것 같다. 초심자의 마음으로 기초적인 것으로 다시 차근차근 시작해봐야겠다.

HTML

section 별로 나타낼 컨텐츠를 나누어서 레이아웃 시켰다. HTML 로 우선, 원하는 내용들을 전부 입력하고 세부적으로 class와 id값을 넣어놨다.

유튜브를 보면서 레이아웃을 참고하였다.

section#section-a.grid 하고 탭 키를 누르면 emmet 기능으로

<section id="section-a" class="grid"></section>

이렇게 추가된다! 좀 더 편하게 코딩하였다.

og태그를 추가한 뒤 테스트로 카카오톡 방에 링크를 공유했는데 캐싱이 남아있어서 제대로 적용이 안되었다.

아래의 링크에서 url입력 후에 다시 해보니깐 제대로 작동했다!!

https://developers.kakao.com/tool/clear/og

CSS

z-index , grid, ,grid-template-columns,columns, 1fr ,1em, 1rem, 1vh,
미디어쿼리 등등 좀 더 css 프로퍼티를 더 공부해야겠다.