TIL06.코드잇 코딩의 민족 만들기

box model2 실습과제 정리하자

실습과제 예시

문제점

▶사진과 텍스트 사이에 작은 틈- 처음 지정한 .container.info(텍스트 부분)가 아니라 .container(사진+텍스트 부분)에 background color를 지정하여 문제를 해결했다.
▶둥근 모서리가 적용되지 않는다- 직각인 사진이 사진 안의 둥근 모서리 부분을 덮고있기 때문에 보이지 않는 것이었다. 이때는 overflow: hidden; 사용하여 넘친 부분을 감추면 된다.

완성코드