본문 바로가기
  • 삽질하는 자의 블로그
CSS/정렬

2. 반응형 grid 만들기.

by 이게뭐당가 2022. 12. 7.

grid 를 만들면, 1fr, 1fr ...  이나, 2rem , 3rem ... 이나 어찌됐든 가로나 세로열의 수를 정하곤 한다.

 

반응형에 따라, grid 의 위치를 배열을 바꾸고싶다.

 

 
repeat ( auto-fill, mixmax("xx" rem, 1fr) )이것을 이용한다.
 

 display: grid;

 grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));

 gap: 1rem;

'CSS > 정렬' 카테고리의 다른 글

1. 매번 헷갈리는 absolute 중앙 정렬  (0) 2022.12.07

댓글