search

architrave-dev / frontend2

architrave팀의 frontend repository입니다.
0 stars 0 forks source link

Implemeting grid based Swiss Desgin in Modern Web #36

Open youngdong82 opened 6 days ago

youngdong82 commented 6 days ago

참고

화면을 엑셀처럼 grid로 다 조져놓고, (겹치는거 까지 표현해야하니 3d 로(z-index)) grid의 각 칸은 고유의 id를 가진다. 각 컴포넌트의 영역을 설정할 때, grid의 id만 설정하면 끝날 수 있도록.

블럭 단위로 반응형까지!!

이게 가능할까...?

youngdong82 commented 6 days ago 
display: grid;
grid-template-columns: repeat(8, minmax(150px, 1fr));
grid-row-gap: 0.7rem;
grid-column-gap: 0.7rem;
grid-auto-rows: 6rem auto;