inflearn logo
강의

Course
Instructor

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

[GrabMarket] Implementing Web Screens - 1

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

246

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

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

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

0

165

2

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

0

144

2

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

0

126

2

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

0

143

2

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

0

99

2

Ngrok 설치 후 forwarding Url 에러

0

134

2

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

0

222

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

138

1

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

0

68

1

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

0

155

1

6강/7강 수업

0

53

1

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

0

99

2

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

0

138

2

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

0

89

1

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

0

130

2

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

0

94

2

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

0

197

1

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

0

121

1

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

0

243

1

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

0

421

1

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

0

357

2

포스트맨 질문

0

100

1

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

0

261

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

481

2