목록CSS (1)

minkylee

[개인 포트폴리오] 트러블 슈팅 - absolute 부모 높이 인식

취업 준비 겸 개인 프로젝트도 하나 하고 싶어서 포트폴리오 사이트를 만들기로 결정했다. 처음엔 피그마로 디자인도 하면서 예쁜 페이지를 만들고 싶었으나 역시 피그마에서 보는 디자인과 실제 웹에 올려서 보는 디자인이 다른 문제가 발생했다! 기존 나의 계획은 프로젝트를 세로로 하나씩 보여주는 거였는데 웹으로 보니 생각보다 한 눈에 들어오지 않아서 카드 형태의 2열 Grid 레이아웃으로 변경했다. 2열로 만들다 보니 내가 보여주고 싶은 건 많은데 칸이 작아서 글자가 한없이 작아졌다. 칸을 키우자니 한눈에 보이질 않고... 주변 프론트 개발자들에게 조언을 구해 카드에 "뒤집는" 효과를 더해 앞면에서는 프로젝트의 정보를 뒷면에서는 세부 정보를 보여주기로 결정했다. framer motion을 사용해 filp 효과를..
프로젝트 2025. 11. 11. 22:33
이전 Prev 1 Next 다음