24/12/04

🚀블로그 답글/커마

✅ 커마 

 
블로그 커스터마이징을 꾸준히 하고 있는데, 모바일에서 열었을 때 반응형 페이지에 몇 가지 문제가 발견됨.
 

1. 게시물 썸네일 헤더에 좌우 margin/padding 이 안들어간 문제 

 
아래 `<div>` 태그로 헤더 감싸서 해결 해 주었음.

<div class="px-4 w-full lg:max-w-screen-lg lg:w-pem lg:px-0 lg:mx-auto"></div>​

 

 
좌우 여백이 추가되었음.

2. 네비게이션 바 추가

Chrome 모바일에서 내 블로그에 접속하면 카테고리(nav bar)는 `hidden`속성으로 감춰져 있기 때문에 프로필 사진을 클릭해야 나온다. 조금 불편한 것 같아서 메인 영역 헤더부분과 썸네일 헤더에 각각 nav바를 추가 해 주었다.
드롭다운 메뉴는 굳이 만들지 않았고 큰 카테고리 위주로 5개 항목만 넣음
`Home`, `Algorithm`, `Coding`, `ETC.`, `Visitor` 탭만 넣음

---

⚡ JSP 회원가입 처리하는 joinAction.jsp 포스팅
⚡ 내일까지 메일로 이력서, 자소서, 직무기술서는 X