CSS Responsive Web Design

🌐 반응형 웹사이트

다양한 사이즈의 테블릿과 핸드폰이 출시가 되고, 많은 사용자들이 테블릿과 핸드폰으로 웹사이트를 이용하는 경우가 많아 졌다. 그래서 반응형으로 웹사이트를 만드는것이 매우 중요하다.

웹사이트를 만들때 컨텐츠를 물과 같이 만들어라
Content is like water

💡 유동적인 레이아웃 매우 중요

Media Queries > 레이아웃 재배치 구현 방법

@media screen and (min-width: 800px) {
	.container {
    	width: 50%;
    }
}

Size Ref

mobile 320px-480px
tablet 768px-1024px
desktop 1024px~