gird 중앙정렬 안됨
312
작성자 없음
작성한 질문수 0
안녕하세요! 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;
}
답변 2
0
올리신 코드 복사해서 체크했는데 수직 수평 중앙으로 잘 오는데요.
0
그래서 문의드린 것 입니다,,,!
저 역시 그대로 작성을 했지만 어떤 이유에서인지 이 분할 되서 중앙이 아닌 위로 치우쳐진 상태로 나오더군여 그래서 이런 경우가 발생할 수 있는 건지 본 경우에 대해 아시는 점이 있는지 여쭤본건대 주신 답변이 너무 아쉽네요
그냥 제가 해결해보겠습니다.
0
질문 주실 때 지금처럼 브라우저 화면 캡쳐만 있으면 답변 드릴 수 있는게 없습니다. html css js 전체 코드를 캡쳐 말고 복사해서 붙여넣기 하고 브라우저 화면 캡쳐도 올려주셔야 제가 체크하고 답변 드릴 수 있습니다.
0
[html]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>02. 피그마 로고 만들기</title>
</head>
<body>
<div class="figma">
<span>Figma</span>
<div class="shpae">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
</div>
</div>
</body>
</html>[scss 겸 css]
/* Google Web Font */
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600&display=swap");
* {
box-sizing: border-box;
}
body {
border: 1px solid #000;
margin: 0;
padding: 0;
font-family: "Hind", sans-serif;
display: grid;
justify-content: center;
align-items: center;
height: 100vh;
}
savePath 경로
1
220
2
style.scss 만 퍼블리싱 결과물로 전달하면 되는건가요?
1
238
1
pdf 파일 질문이요?
1
193
1
모달창에서 반응형 보여주기
1
581
1
선생님 sass 환경설정 화면이 선생님과 달라요
1
341
1
강의 자료
1
412
1
맥북에서 scss 설치
1
559
1
beautify 확장자가 더이상 관리되지 않다고합니다
1
554
1
@mixin 관련 질문입니다.
1
519
1
&에 대해서 질문드립니다.
1
392
1
live sass complier 버전 문제
1
637
2
선생님 질문이 있습니다 !
1
422
1
savePath
1
325
1
css full reroad
1
410
2
featherlight 모달창 질문 있습니다.
1
441
1
컴파일이 안되서
2
270
1
왓칭오류..
1
368
1
featherlight iframe를 사용해서 불러온 html에 scrolltrigger가 있는 경우 밀립니다
1
413
1
Background url 이미지 사이즈
1
247
1
선생님 질문 있습니다
1
291
1
블록 색상
1
304
3
작업영역내 setting.json설정시
1
323
1
선생님 pdf 파일은 다운받을수 없는건가요?
2
377
1
@mixin @include , @extend
1
322
1