inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

글로벌 스타일과 컴포넌트 폴더 구조.

css 가운데 정렬

403

i1004gy

작성한 질문수 36

0

const ImgWrapper = styled.div`
  padding: 32px;
  text-align: center;

  & img {
    margin: 0 auto;
    max-height: 750px;
  }
`;

제목 없음.png사진이 정확히 가운데에 정렬이 안돼서 padding을 봤는데 이상하게 padding 오른쪽이 있는데 오른쪽 padding이 짤려서출력이 됩니다 이유가 무었일까요?

react redux node.js express next.js

답변 1

0

제로초(조현영)

현재 화면의 width가 몇인가요? 저 div의 width랑 비교해보세요.

지금 보면 box-sizing: border-box가 제대로 안되고 있는 것 같습니다.

0

i1004gy

GOMCAM 20230619_1523250532.pngGOMCAM 20230619_1523150190.png

export const ImgWrapper = styled.div`
  padding: 32px;
  text-align: center;
  width: 95%;
  & img {
    margin: 0 auto;
    max-height: 750px;
  }
`;

이유는 모르겠지만 div태그에 width: 95%를 주면 괜찮아 지는거 같습니다 그런데 elment.style을 바꾸려고 width를 주면 .yjDjb 클래스에 width :95%가 주어지고 element.style에 우선순위가 밀려서 적용이 안됩니다 어떻게 해야하나요?

0

제로초(조현영)

width: 95%를 주지 마시고 box-sizing: border-box를 적용하는 게 깔끔해보입니다.

넥스트 버젼 질문

0

78

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

175

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

373

1

sudo certbot --nginx 에러

0

1275

2

Minified React error 콘솔에러 (hydrate)

0

470

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

327

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

382

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

338

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

288

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

239

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1