MainImage 내의 스타일링 사라지는 문제
311
작성한 질문수 1
안녕하세요 선생님! 강의 정말 잘 듣고 있습니다.
LandingPage에서 MainImage로 볼 수 있는 영화 포스터 이미지는 처음 로딩됐을 때 창을 줄이면 같이 줄어들고,
width 안에 꽉 차 있습니다
더 보기 버튼을 눌러 새로운 영화 목록을 받아오거나, Detail 페이지로 넘어가면
이미지가 창을 줄여도 너비가 고정되고, 바둑판식으로 반복됩니다
확인해보니 CSS의 스타일링이 사라지는 문제인데,
원인이 무엇인지, 어떻게 해결할 수 있는지 궁금합니다!
<처음 MainImage의 스타일링>
<div style="background: linear-gradient(rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.65) 100%) center center / 100% no-repeat, url("https://image.tmdb.org/t/p/w1280/8s4h9friP6Ci3adRGahHARVd76E.jpg") center center / cover, rgb(28, 28, 28); width: 100%; height: 500px; position: relative;">
<더 보기 버튼을 누르거나 Detail 페이지로 이동했을 때 MainImage의 스타일링>
<div style="background: linear-gradient(rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.65) 100%), url("https://image.tmdb.org/t/p/w1280/3OwaKVZf3A2NdnarqKbwzFEhKir.jpg"), rgb(28, 28, 28); width: 100%; height: 500px; position: relative;>
감사합니다.
답변 1
0
해결했습니다.
이렇게 변경하면 스타일이 사라지지 않네요
에러서 요렇게만 해보세요
0
246
1
antd Menu 질문
0
284
1
movieTitle
0
228
1
npm run dev 연결이 안됩니다ㅜㅜ
0
424
1
npm run dev 오류
0
872
1
403 forbidden error
0
1082
2
npm run dev 오류
0
711
1
모듈이 없다는데요
0
1285
1
npm run dev 실행시 오류
0
5403
1
504 Gateway Timeout Error
0
1461
1
컴파일 에러 관련 문의
0
511
1
npm run dev 오류
0
766
1
이미지가 안떠요...
0
377
2
npm run dev 실행하고 인증이 안되는거 같아요
0
541
1
cd client에서 npm install 오류
0
1429
1
npm run dev시 localhost가 자꾸 3000으로 연결됩니다
0
988
1
Netlify + AWS Elastic Beanstalk 를 이용한 배포
1
1801
1
[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법
0
466
0
지금 듣기엔 안되는 강의일까요?
0
727
1
사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ
0
445
1
비동기 처리가 영상과 다르게 됩니다..
0
249
0
#2강 npm install
0
785
4
LandingPage.js 내 useState(null) 이용하는 이유
0
227
0
client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?
0
386
1