이 템플릿을 사용하는 세 개의 열이있는 Grid가 있습니다. grid-template-columns : 70px auto 70px;
내가 원하는 것은 동일한 크기의 @ media-query (max-width : 700px)
에 따라 열 크기가 행으로 조정되도록하는 것입니다.
이것이 일반적인 질문이라면 사과드립니다. 잘못된 키워드를 검색하고있는 것 같습니다.
이 템플릿을 사용하는 세 개의 열이있는 Grid가 있습니다. grid-template-columns : 70px auto 70px;
내가 원하는 것은 동일한 크기의 @ media-query (max-width : 700px)
에 따라 열 크기가 행으로 조정되도록하는 것입니다.
이것이 일반적인 질문이라면 사과드립니다. 잘못된 키워드를 검색하고있는 것 같습니다.
flexbox
가 있습니다. 그런 다음
flex-direction : column
을 설정하여 축을 뒤집기 만하면됩니다.
출처 : https://stackoverflow.com/questions/62686390/making-a-column-based-grid-into-a-row-based-grid