maximagine css 반응형 조절

@media screen and (min-width: 1024px){

	.product-masonry-5-column .product-masonry-item{
        	width: 14.28%;
		}

}


@media screen and (max-width: 1023px){

	.product-masonry-5-column .product-masonry-item{
        	width: 25%;
		}

}



@media screen and (max-width: 540px){

	.product-masonry-5-column .product-masonry-item{
        	width: 50%;
		}

}

css로 컴과 타블렛, 데스크탑에서 각각 사이즈를 조절할 때 위와 같이 세팅을 하면된다.
첫번째가 데스크탑, 2번째가 타블렛, 3번째 맨아래가 모바일이다..
이렇게 css 에서도 조건문으로 반응형에 따를 다양한 조절을 할수 있다..

주로 이미지들이 기기에따라 다르게 보이도록 할때 많이 사용한다..🤩