grid 속성 통해서 정렬한 날 , 4주프로젝트 +9, 코드스테이츠 133

grid-template-column : repeat(4,1fr)

아래 사진처럼 한줄에 4개씩 내릴수 있다.
첨 html,css 생활코딩에서 배울때 한번보고 그 이후로는 계속 flex만 사용했는데, grid를 많이 사랑해주어야겠다.

 

2주 프로젝트때 같이 작업했던 팀장님은 grid를 사용하지 않고 js로 배치시킨다고 하는데 그 이유는 grid는 1000개이후로는 정렬이 되지 않는단다. 그쪽팀은 무한스크롤을 구현중인데 그렇게 되면 유한스크롤이 되기 때문에 grid를 사용하지 않기로 했다고 한다.

 

무한스크롤을 구현하게 되면 꼭 기억해야 할 꿀팁이다.

---

px, rem, em 언제 언제 사용할 지 알고 사용하기

px: 고정값

rem,em : 글자크기를 기준으로한 상대값, 화면크기에 따른 적절한 비율을 고려할때 사용

---

position속성의 sticky,relative 사이에 분명 무언가 관계가 있다..