html/css 마지막 숙제 질문있습니다.

[조성남]

1. 상단바 우측 빨간색 뱃지가 하트모양 위로 올라가질 않습니다. ㅠㅠ
    

2.대시보드 카드가 col-md-3로 나눴는데 전체 width에서가 안되고 어중간하게 왼쪽에서만 되는데 이유를 모르겠어요 ㅠ
   

3.마지막으로 대시보드의 카드안에 글자와 아이콘이 안나뉘어져요. justify-content-between 을 둘다 쓰거나 한쪽만 써도 양쪽으로 안되고 위아래로 됩니다 ㅠㅠ

• 이 게시글은 조성남에 의해 5 월, 3 주 전에 수정됐습니다.

[codingapple]

position absolute준 요소는 left right 이런걸로 위치 조절해봅시다
2는 마진이나 패딩이 어디 들어가있는게 아닐까요
.card는 부트스트랩에서 아마 쓰고있는 클래스명이라 부트스트랩이 내 클래스를 뭔가 덮어쓰고있는게 아닐까요

[조성남]

개발자도구로 보니 div.container에 margin : 0px 129.5px 이렇게 되어있거든요?? 노란색이 마진으로 아는데.. 위사진은
container에 css를 전혀 안넣은 사진이구요. 가운데 정렬해서 4개가 떠있긴 한데 양옆 마진이 너무 많아서요. container에
 margin을 0px 넣어버리면 최초질문 사진처럼 애매한 위치에서 4개가 떠버립니다. 해결이 안되요 ㅠㅠ 선생님 말씀대로 .card때문
인가 해서 .cards로 바꿨어요 ㅠ

• 이 답변은 조성남에 의해 5 월, 3 주 전에 수정됐습니다.

[codingapple]

부트스트랩에서 container-fluid 이런거 찾아서 쓰거나 마진 0이랑 width 동시에 줘봅시다

[글쓴이]

글