
20210226 10일차 반응형웹_미디어쿼리
·
BootCamp_Codestates/Final Project
오늘 한일 데스크탑/태블릿/모바일 사이즈 별 반응형 웹 구현 . 아직못한것 그림일기장 메인페이지(로그인페이지)에서 소샬 로그인 버튼이 제대로 나오지 않는 것과 클릭했을때 모달창의 위치가 잘못된 점. 그리고 햄버거 메뉴바를 추가해주어야 하는데, 이를 추가함에 따라 많은 수정사항이 발생될 것으로 예상된다. 그림판을 적용해야한다. 깍두기칸 구현해야한다... 깨달은것 미디어쿼리를 이용하여 구현했는데, 생각했던 것보다 구현이 어렵지 않았다. styled component 에 아래와 같이 미디어 쿼리문(?) 을 사용하면 된다. 화면 사이즈별로 한땀한땀 구현해주어야 하는 것 같다. const InputBox = styled.label` /* border: 1px solid blue; */ width: 100%; fo..