inflearn logo
강의

Course
Instructor

A real introductory all-in-one development boot camp for non-majors

[GrabMarket] Implementing Web Screens - 1

flex로 가운데 정렬을 하고 싶은데 어디를 수정해야 하나요?

253

slow

3 asked

1

html
<html>
  <head>
    <title>market</title>
    <link href="index.css" type="text/css" rel="stylesheet" />
    <script></script>
  </head>
  <body>
    <div id="header"></div>

    <div id="parent">

      <div id="body">
        <div id="banner">배너이미지</div>
        <h1>판매되는 상품들</h1>
        <div id="productlist"></div>
      </div>
     
    </div>

    <div id="footer"></div>
  </body>
</html>
css
#header {
  height: 64px;
  background-color: black;
}
#parant {
  display: flex;
  flex-direction: row;
}

#body {
  justify-content: center;
  width: 1024;
  height: 100%;
  background-color: blue;
}

#footer {
  height: 200px;
  background-color: red;
}
#banner {
  height: 300px;
  background-color: yellow;
}
부모를 만들고 body를 자식으로 넣고
부모에 display:flex를 적용
자식인 body에 justifiy-content:center를 적용했는데
생각처럼 작동을 안해요... 어디서 수정을 해야 할까요?
 
 
 

express nodejs javascript react HTML/CSS react-native 머신러닝 배워볼래요? tensorflow

Answer 2

2

nobasecoding

부모에 justifiy-content:center 을 줘야 자식에게 적용되는거 아닌가요??

0

slow

구원자... 감사합니다 ㅠㅠ

0

grab

지훈님께서 잘 답변해주셨네요! 감사합니다 :)

<div id="banner">배너 이미지</div> 관련 질문

0

7

1

[해결]그랩님 답변 주세요.

0

197

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

170

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

140

2

[재질문][그랩님 답변 부탁드립니다]101강

0

166

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

123

2

Ngrok 설치 후 forwarding Url 에러

0

153

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

260

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

159

1

그랩님,[꼭] 답변 부탁드립니다.

0

79

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

164

1

6강/7강 수업

0

58

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

106

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

150

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

96

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

137

2

일반적인 css 꾸미기에서 width와 height의 값?

0

100

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

206

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

128

1

react에 반영이 되지 않습니다.

0

254

1

터미널 npm install -g create-react-app 작성 후 오류

0

430

1

create-react-app my app 실행 시 에러

0

358

2

포스트맨 질문

0

106

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

272

2