본문 왼쪽에 있는 아이콘 폰트도 적정 너비를 지정하기 위해 코드를 다음과 같이 작성합니다.
13/end/css/contact_with_me.css - Contact With Me 영역 본문 왼쪽 아이콘 폰트 꾸미기
section.contact .contact-me .left .card .icon i{
font-size:2rem;
margin-right:15px;
}
마지막으로 본문 오른쪽을 꾸며 보겠습니다. 먼저 앞에서 right 클래스를 선택자로 지정해 작성한 CSS 코드를 다음처럼 변경해 주세요.
13/end/css/contact_with_me.css- Contact With Me 영역 본문 오른쪽
section.contact .contact-me .right{
float:left;
width:65%;
margin-left:5%;
margin-bottom:2rem;
border:1px solid #ccc;
padding:1rem;
}