CSS Flexbox를 연습한 방법

반응형

저는 dribble.com과 핀터레스트를 이용했습니다.

한 페이지 웹 사이트 UI를 검색하여 HTML과 CSS 템플릿으로 변환했습니다.

이걸 어떻게 하는지 보여줄게.

• UI를 찾은 후 이미 색 조합 및 전체 레이아웃과 같은 몇 가지 항목이 있습니다.
• 그 후 Google 글꼴에서 UI 디자인과 일치하는 비슷한 글꼴을 찾습니다.
• Unsplash를 사용하는 이미지의 경우 픽셀이 좋은 대안입니다.
• 모든 것을 하나의 폴더에 모은 후 최대한 동일하게 ui를 코드화하려고 합니다.

 

어떤 것을 배우려면 당신은 그것을 점점 더 연습해야 합니다. 플렉스박스는 충분히 사용해 봤기 때문에 UI를 만들 때 자신감도 있고 여러분도 만들 수 있습니다.

만약 당신이 당신의 개발자 친구들과 공유하는 것보다 내가 공유하는 것이 유용하다고 생각한다면 인스타그램과 트위터에서 나를 팔로우합니다.