안녕하세요! gird관련 질문 드립니다. gird로 중앙정렬시 높이 값을 설정해도 세로의 중앙으로 배치되지 않는 문제가 있습니다. 개발자 도구로 확인하니 중앙 정렬은 되었지만 별다른 설정을 하지 않았는데 세로로 요소가 추가 되었있습니다. 어디에도 검색이 안되서,, ㅠㅠ 이유를 모르겠습니다. 혹시 몰라 body 태그 css남김니다. body { border : 1px solid #000; margin : 0; padding : 0; font-family : "Hind", sans-serif; display : grid; justify-content : center; align-items : center; height : 100vh; }
전에 잠깐 웹페이지 제작 업무를 맡게 되어서 html/css/js와 반응형 미디어 쿼리로 웹사이트를 만들었는데 저는 px단위로 크기를 잡고 position으로 위치를 잡았는데 요즘은 다양한 방법들이 있더라구요 제가 전담해서 프론트 개발을 할개 아니라 화면설계와 간단한 데이터베이스 웹 연동, 테스트용 서비스 페이지 제작정도만 하려고 합니다. 퇴근 후, 주말 시간을 활용해서 관련 공부를 하려고 하는데 flex&grid같은걸 공부할지 다른 프레임워크같은걸 공부할지 고민입니다. 미디어쿼리나 자바스크립트 같은건 기억이 조금은 나는데 레이아웃 잡는게 어렵네요..ㅠㅠ 선배님들 도와주세요 ^^