gravity forms 많이 쓰시죠?

이번에 소소한 퍼블리싱건이 있어서 재밌게 작업한 내용을 소개합니다.

예전에 워드프레스 archiving을 국내 게시판 형태처럼 만들었던 퍼블리싱에 이어서 재밌는 작업이었습니다.

폼의 내용은 이렇구요~

스크린샷 2015-08-27 17.13.30

이 폼을 아래와 같이 만들었습니다.

게다가 반응형으로~^^ㅎ

*로고는 편의상 모자이크 처리함
스크린샷 2015-08-27 17.09.26

작업시 핵심은 DOM을 이해하고, 그에 맞는 적절한 css를 적용해 주는 겁니다.
게다가 브라우저 마다 약간씩 css를 해석하는 방식이 다를 수 있고, 같은 폰트도 브라우저마다 약간의 오차가 생길 수 있기 때문에 그런 것들을 고려하여 배치를 해주어야 합니다. (첨부된 화면은 맥용 사파리 화면~^^)