15:22 에 질문이 있습니다~
328
작성한 질문수 8
card 내부 content에 적절한 가운데 배치를 위해서
padding-top 값을 고정값인 180px로 작성해 주셨는데요
(영상 뒷부분에서는 150px로 변경해주셨구요!)
혹시 내부의 content 값이 길어지면 계속 변경을 해야하는데,
예를들어 p태그의 줄 수가 한줄이라도 늘어나게 된다면
밑에 있는 sns 요소가 가려져서 안보이게 되는데
padding-top을 고정 픽셀로 넣는 방법 말고,
padding-top:70% 혹은 80%로 넣어도 될까요?
------
그리고 border-radius가 안먹힌것 같은데
card 말고 card img에 넣어야지 border-radius가
둥글게 되는게 맞나요~~?
답변 2
3
강좌를 보니까 .card에 보더레디어스 부분은 넣지를 않았네요. 완성본은 있는데...
보더레디어스 넣어주세요. 영상 찍으면서 깜빡했나봐요.ㅠㅠ
.card {
border-radius: 5px;
overflow: hidden;
}
그리고 padding-top:70% 혹은 80%로 넣어도 되지만 변동사항이 크지 않으니까 간편하게 padding-top으로 하셔도 됩니다.
하지만 p태그의 텍스트 내용이 많고 적음에 관계없이 완벽하게 중앙을 항상 유지하고 싶다면 플렉스로 해보세요.
.content 내의 자식요소를 센터링하는 구문이에요.
.content {
/*padding-top: 150px;*/
display: flex;
flex-direction: column;
justify-content: center
}
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
89
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
486
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
230
2
넷플릭스 어코디언 예제 질문
1
105
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
157
1
active 관련 질문
1
147
2