완성 레이아웃

모바일 사이즈시, 레이아웃

간단한 애니메이션 집어넣기

github 주소

시행착오

로직 상으로는 제대로된 속성값을 부여한 것같았는데, 속성값들이 안 먹을 때가 꽤있었다. 그럴 때, devtool을 보고 효과가 있는 속성값들을 기준으로 다시 속성값들을 넣어서 고쳤다.
CSS를 잘하는 사람일 수록, 코드 반복을 줄여야한다고 하지만 일단은 구현이 최우선인지라 되는데로 해봤다.