[ 3주차 과제 ] 음악 플레이어

[alwn8918]

✨ 구현 기능 명세

• 코드잇 뮤직 페이지
  • 랜딩 페이지
  • 뮤직 매거진
  • 플레이 리스트
  • 음악 플레이어 ✨

📌 내가 새로 알게 된 부분

• position: sticky => 스크롤하다가 특정 위치가 되면 고정시킴
• justify-content: space-between => 동일한 간격으로 요소를 떨어뜨려 배치
• flex-basis => flexbox 안에서는 width보다 flex-basis를 사용하는 것이 좋음
• grid-area, grid-templete-areas => 요소에 이름을 지정하여 그리드 형식으로 배치 가능

💎 구현과정에서의 고민과정(어려웠던 부분) 공유!

• 같은 화면이라도 다양한 방식으로 구현할 수 있어서 어떤 방식이 가장 깔끔한지 고민하는 시간이 오래 걸렸다.

🥺 소요 시간

• [코드잇 뮤직] 전체 구현 시간: 약 1h

🌈 구현 결과물

2024-07-14.23.32.58.mov