김코드의 웹디자인 세상

저번시간에 이어서 아코디언 카드에 css를 입혀보겠습니다! *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background-color: #ffffff; } .container{ max-width: 980px; margin-inline: auto; padding: 100px 15px; } .title{ font-size: clamp(26px, 5vw, 40px); color: rgb(0, 0, 0); margin-bottom: 30px; } .accordion-panel{ padding: 7px 21px; margin-bottom: 24px; border: 1px solid #000000; border-radius: 8px; } .accordion..

오늘은 귀여운 고양이 사진을 숨겼다가 펼칠 수 있는 아코디언 카드를 만들어보겠습니다! 꼭 사진뿐만 아니라 홈페이지에 있는 메뉴나 상세 설명을 가려둘 때 사용하면 좋을 것 같습니다! ( ◜࿀◝ ) 준비물 : 귀여운 고양이사진 3개 아이콘을 넣어야 하니 font awsome을 사용하겠습니다! 👇👇 폰트어썸 사용법 알아보러 가기! 👇👇 https://y-seon97.tistory.com/40 ❏ html - Font Awesome 사용하기! 인녕하세요! 오늘은 HTML에서 자주 사용하는 Font Awesome을 가져왔습니다! Font Awesome은 웹에서 아이콘이 필요할 때 가장 많이 사용되는 라이브러리 중에 하나입니다. ˙ᵕ˙ 그럼 사용하는 방법에 대 y-seon97.tistory.com 귀여운 고양이에요..