main.jsp
//style에 wrapper id와 box, inside class를 선언한다
//box-shadow를 통해 테두리를 만든다
//head부분에 meta tag를 추가한다
//body 부분에 design할 요소를 추가한다
//#first : menu part
//#ad : advertisement img
//#icon : sns icon part
//#second, third, fourth, fifth, sixth : main contents
//link를 통해 responsive.css를 가져온다
responsive.css
//pc, tablet, mobile 3가지 device에 대한 design설정
//mobile에서 second box가 사라지게 설정
result(mobile, tablet, pc)
'project(website)' 카테고리의 다른 글
| First - register form (0) | 2019.08.17 |
|---|---|
| First - Layout setting (0) | 2019.08.16 |
| First - login form design (0) | 2019.08.16 |
| First - menu part (0) | 2019.08.16 |
| First - sns icon (0) | 2019.08.16 |