선생님 질문있습니다!
중급모듈중 반응형 웹을 만드는것인데
저는 media query문법이 안먹힙니다
똑같이 따라도 해봤고 여러번 새로운곳에다가도 해봤는데 안됩니다
css경로는 잘먹힙니다.그리고 media뒤에 only도 써보고 때어봤고 html파일에서
head에 추가로 입력하는것도 잘입력했습니다.클래스명도 정확히 입력했구요
다른건 다 되는데 저 media query문법만 안먹히네요 창을 줄이건 늘리건 그대로입니다
ㅜㅜ
밑에 html,css코드 적어놨습니다!
무엇이 문제일까용
--------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Documnet</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="css/assignment.css" rel=stylesheet>
</head>
<body>
<div class="bigbox">
<div class="smallbox">
<h5 class="headtitle">Fast Shipping</h5>
<p class=writing>Iorem ipsum</p>
</div>
<div class="smallbox">
<h5 class="headtitle">Good Service</h5>
<p class="writing">Iorem ipsum</p>
</div>
<div class="smallbox">
<h5 class="headtitle">Free Coupons</h5>
<p class="writing">Iorem ipsum</p>
</div>
<div class="smallbox">
<h5 class="headtitle">New Products</h5>
<p class="writing">Iorem ipsum</p>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------
.bigbox {
width: 80%;
display: flex;
margin: auto;
}
.smallbox {
width: 25%;
max-width: 600px;
background: grey;
margin-top: 10px;
padding: 10px
}
@media only screen and (max-width: 1200px){
.smallbox {
width: 50%;
}
}
@media only screen and (max-width: 768px){
.smallbox{
width: 100%;
}
}
