[ 4주차 과제 ] 재능 공유 사이트 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

alwn8918 wants to merge 1 commit into codeit-boost-ds-1:main from alwn8918:week4

alwn8918 commented Jul 21, 2024

✨ 구현 기능 명세

재능 공유 사이트 구현

📌 내가 새로 알게 된 부분

미디어쿼리를 사용하여 반응형 웹을 구현
- @media (min-width: ___px)
div 요소에 width: 50%를 설정했을 때 빈 자리를 채우기 위해 float: left 설정
background-image 사용하여 div 태그의 배경으로 이미지 설정
- background-size -> 사이즈 조절
- background-position: center -> 가운데 배치

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

부트스트랩과 css 코드를 함께 사용하는 부분에서 코드가 자주 겹쳐 해결하는 데 시간이 걸렸다.

🥺 소요 시간

약 2h

🌈 구현 결과물

2024-07-21.22.11.47.mov


          week4

2d0a992

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet