안녕하세요.
메인 페이지를 작업중인데, 수정을 끝내고 게시판 글을 써보니 글이 위로 올라가면서 위 이미지처럼 이미지와 게시판이 한줄로 나열이 안되네요. 한줄에 뜨도록 수정하고싶은데 ㅠ 해결방법이 있을까요?
쓰인 css 코드는
Copy
#main00 {display:block; width:100%;}
#main02 {
padding: 2px;
display: inline-block;
}
/*PC용*/
@media only screen and (min-width: 875px /*브레이크포인트수치*/) {
#main02 {
width: 290px;
}
}
/*스마트폰용*/
@media only screen and (max-width: 874px /*브레이크포인트수치*/) {
#main02 {
width: 49%;
}
}
#main03 {
padding: 2px;
display: inline-block;
}
/*PC용*/
@media only screen and (min-width: 875px /*브레이크포인트수치*/) {
#main03 {
width: 285px;
}
}
/*스마트폰용*/
@media only screen and (max-width: 874px /*브레이크포인트수치*/) {
#main03 {
width: 100%;
}
}입니다. 이미지 두장엔 #main02, 최근 게시물에는 #main03를 적용했어요.
|
답변 1개
채택된 답변
+20 포인트
유레카56
2018-08-13 (월) 14:55:37
CSS 만 봐서는 이유를 알수가 없습니다 테스트 URL 을 함께 적어주셔야 합니다.
답변을 작성하려면 로그인이 필요합니다.