[축구모임 홈페이지개발] 01/28 개발일지 Nodejs css

우선 photo 탭의 글 삭제 기능, 댓글 삭제 기능을 추가해주었다.

 

그리고 왜인지 모르지만 갑자기 photo img 속성에 

 

_utilities.scss 로 부터 w-100 class 가 붙어서 img 의 width 가 100% 로 자동으로 바뀌었는데,

 

부트스트랩에서 제공하는 속성이라고 한다.

 

내가 부트스트랩에서 carousel 코드를 붙여넣기 하면서 같이 딸려온 거 같다.

 

그냥 지워주었지만 가끔 이렇게 알 수 없는 이유로 어딘가의 우선순위 때문에 내 코드가 적용이 안 될 때는

 

 

.carousel-item img {

    max-width: 100%;

    /* 최대 너비 */

    max-height: 350px;

    /* 최대 높이 */

    width: auto !important;

    /* 자동으로 너비 조절 */

    height: auto;

    /* 자동으로 높이 조절 */

    margin-left: auto;

    margin-right: auto;

}

 

위 방법처럼 내가 만든 클래스의 width 속성 뒤에 !important 를 붙여서 우선순위를 최상위로 올릴 수가 있었다.

 

---