[스킨] 바나나 프라이팬

포트폴리오 / 18.5.10

<바나나 프라이팬>이라는 이름과 컨셉으로 스킨을 제작했다.

5/7~5/10 3일에 걸쳐 7시간 정도 투자해서 완성했다.

+

마음에 안들어서 5/12 갈아엎었다.

그래도 언젠가 다시 조금 손봐서 다시 쓸수 있으리라.

워낙 컨셉이 재밌어서 잘만 고치면?

하 진짜........ 이 스킨 수정하면서 내가 뭘 잘못 건드렸는지 갤러리가 말썽이어서 생고생 했다.

이거 고치느라고 어제부터 오늘까지 한 4시간 쓴듯.

무슨 문제냐면 저 갤러리에 아이템들이 3열로 예쁘게 나와야 되는데 일렬로 스크롤 빠지게 정렬되는거 ;;;;;;;;;;

대체 왜??? 내가 뭘그리 잘못했니....... 하면서 CSS 처음부터 끝까지 다 뒤지고 하나하나 고쳐보고.

관련해서 Masonry 홈페이지부터 Masonry 그리드를 잘 설명해주는 포스트 3개를 발견했다.

1. https://opentutorials.org/module/2398/13712

2. https://www.cmsfactory.net/node/10403

3. http://www.dontorz.com/bbs/?mode=view&bbsid=study&ctg_cd=js&page_nm=page&page=1&bltn_seq=294

특히 3번은 감탄 나오는게........ 어떻게 저렇게 완벽하게 설명할수 있지?!! 블로그 들어간지 30초도 안되서 북마크한것 같다. 이 3개의 링크 덕분에 Masonry 어떻게 뜯어고칠지는 확실히 배운듯.

하지만 그래도 해결이 안되길래 결국 원래 태초의 상태였던 스킨 소스를 열어보았고..........

그러자마자 해결됐다. (...)

css 맨마지막에 있는 반응형 코드가 뭔가 중요해보여서 잘 봤더니

내가 width 만지면서 만져봤는지 저거랑 달랐다. ㅡㅡ;

저거 수정하고 잘 작동되는거 보자마자 현실 탄성 아!!!!!!!!

제~~~발 코드는 한번에 하나씩 고치기. 백업 틈틈히 하기!!!!!!!!

그래도 오늘 코드 수정하면서 html이랑 css 공부 제대로 한듯 ...