[개발 일지 74일차] toco 프로젝트2 - 피드백 반영(3) / 이력서 작성

오늘 진행 사항

1) 페이지 추가 수정

푸터 깨짐 현상 고침

수정전

수정후

@media screen and (max-width: 768px){
/*푸터*/
 .common-footer .footer-logo img {
        max-width : 128px;
    }
    .common-footer .copyright {
        font-size: 13px;
        color: #9E9E9E;
    }
    .common-footer .footer-left, .common-footer .footer-right {
        font-size: 14px;
        line-height: 18px;
    }
    .common-footer .footer-text{ 
        max-width: 768px;
        margin-top: 3vw;
        flex-direction: column;
        justify-content: space-between;
    }
}

@media screen and (max-width: 430px) {
/*푸터*/
 .common-footer .footer-logo img {
        margin-top: 20px;
        max-width : 100px;
        padding-top: 1.5vw;
        }
        .common-footer .copyright {
            font-size: 10px;
            word-break: keep-all;
        }
        .common-footer .footer-logo span {
            line-height: 26px;
            display: block;
        }
        .common-footer .footer-left, .common-footer .footer-right {
            font-size: 12px;
            line-height: 16px;
        }
        .common-footer .footer-text{ 
            max-width: 768px;
            gap:2vw;
            flex-direction: column;
            justify-content: space-between;
            word-break:break-all;
        } 
        .common-footer .footer-text span{
            display: block;
        }
}

2) 레퍼런스 레이아웃 고침

양옆 마진이 넓어지면서 미디어 쿼리시 중앙 컨텐츠가 밀려나와 2줄만 있었던 레퍼런스 로고들. 한쪽 줄이 비어보이던 것을 다시 3줄로 정렬되게 크기 조정을 했다

@media screen and (max-width: 768px){
    /* 레퍼런스 섹션 */
    .main-reference-container .ref-logo {
        width: 24vw;
        height: 10.5vw;
        margin: 1vw;
    }
    .main-reference-container img {
        width: 19vw;
        height:5.5vw;
    }
    .main-reference-container .resize {
        height: 7.5vw;
    }
    .main-reference-container .w18 {
        width: 17vw;
    }
    .main-reference-container .h8 {
        height: 7vw;
    }
    .main-reference-container .h5 {
        height: 2.5vw;
    }
    .main-reference-container .h6 {
        height: 4vw;
    }
    .main-reference-container .wh18-8 {
        width: 16vw;
        height: 7vw;
    }
    .main-reference-container .w14 {
        width: 12.5vw;
    }
    .main-reference-container .ref-logo-wrap {
        margin-left: 1.2vw;
    }
}

@media screen and (max-width: 430px) {
 /* 레퍼런스 섹션 */
    .main-reference-container .reference > p {
        padding-bottom: 8px;
    }
    .main-reference-container .ref-logo-wrap {
        margin-left: 2vw;
    }
    .main-reference-container .ref-logo {
        width: 25vw;
        height: 13vw;
        margin: 1vw;
    }
    .main-reference-container img {
        width: 22vw;
    }
}

3) 취업컨설팅 바탕으로 2차 이력서 작성

합격을 하든 하지 않든 어쨌든 이력서 작성은 여러번 해보면 훈련이 된다. 내일까지 마저 작성해서 담당자님께 메일을 보낼 예정

어려운 점

해결 방법

소감

포기않고 발견할 때 마다 손대다 보면 결국은 퀄업이 되는 것 같다!