Week3 - 반응형 웹 퍼블리싱

🧩 미디이 쿼리

• 반응형 웹페이지를 디자인 할 때 유용하게 사용
• 모바일, 태블릿, PC마다 해상도 차이가 있으니까, 해상도에 따라서 크기를 조절 할 수 있음

@media ([옵션] : [옵션값]) {
	선택자
    	{
         속성: 속성값
        }
}

🧩 부트스트랩

• 웹사이트를 쉽게 만들 수 있도록 도와주는 HTML, CSS, JS 프레임워크
• 부트스트랩 사이트

📌 부트스트랩 그리드

1. container
2. row
3. column

📍 부트스트랩 그리드 기본규칙

1. container 안에 row
2. row 안에 column
3. column 안에 개발자가 원하는 내용
   
   

🔥 부트스트랩 그리드는 한줄에 기본적으로 12칸의 열(column)로 이루어져 있다.
🔥 만약 1행에 12칸이 넘어가면, 자동으로 다음 칸으로 넘어간다.
🔥 그래서 3등분으로 4칸을 차지하고 싶으면 <div class="col-4"> 4개를 사용하면됨