1125 2일 차 - html, css 실습

[mgm9458]

피그마 프로필 구현 완료

https://mgm9458.github.io/goorm-practice/1122-profile2

flex, grid 연습

https://mgm9458.github.io/goorm-practice/1125-gallery

---

• repository에 README 파일 생성

진행 과정

• 피그마로 디자인을 먼저 구축한 후, 그에 맞게 html과 css를 사용하여 구현

issue

• 프로필에서 구부러진 텍스트를 css에서 어떻게 구현할 것인가 -> 하나하나 html 처리 후 css에서 absolute 줘서 transform: rotate로 회전
• sns 아이콘 파일에 각 이름들을 어떻게 자연스럽게 모션을 줄 것인가 -> transition: 0.3s all;

[sinhye-design]

헐 이름 하나하나 박는거 성공했네요?? 멋지다..!! 어케 했는지 알려줘유...~~~

[RunaUXLabs]

오오 개인 사진첩 풀었군요 ㅎㅎㅎ 보는 재미가 쏠쏠합니다! 부모요소에 display:grid;를 선언하고 갭을 먹여야, 갭을 제외한 나머지 면적을 자식들이 채웁니다ㅎㅎ

[KwanLee1129]

우와 짱 잘 만드셨는걸요 링크 연결깔쥐