더북(TheBook)

그런 다음 사각형에 넣을 이미지와 텍스트의 크기, 여백을 지정합니다.

13/end/css/portfolio.css - PortFolio 영역 본문 세부 설정

/* 이미지 크기가 부모 요소를 넘지 않도록 100%로 지정 */
section.portfolio .portfolio-inner img{
  width:100%;
  display:block;
}
/* strong 태그 색상과 간격 */
section.portfolio .portfolio-inner strong{
  color:#ff6a6a;
  margin:0.5rem 0;
  display:block;
}
/* h3 태그 색상과 간격 */
section.portfolio .portfolio-inner h3{
  font-size:1.75rem;
}

코드를 실행해 그림 13-14처럼 보이는지 확인해 보세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.