flexbox practice excercises

Flexbox 연습 운동

CSS Flexbox를 사용하여 레이아웃을 만들기 위해 마스터 한 Flexbox 의 양과 스타일 구성 요소를 연습하려는 의도 로이 저장소를 만들었습니다.

중간 쯤에 나는 다른 개발자들이 Flexbox 마스터리를 선보일 수없는 이유를 생각했습니다.

기여하는 방법

1. 레포를 포크하십시오
2. 루트 디렉토리에 새 폴더를 만들고 Flex 프로젝트 파일을 추가하십시오.
3. 프로젝트를 마친 후에는 다음 형식을 사용하여 루트 index.html 파일의 프로젝트 파일에 링크를 추가하십시오.

...

< li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights
  </ a >
</ li >

...

주의!!! : HREF 링크의 시작 부분에서 앞으로 슬래시 ( /)를 추가하지 않도록하십시오. 그렇지 않으면 프로젝트 링크가 작동하지 않습니다!.

4. 당신은 링크 끝에 당신의 이름을 추가 할 수 있도록 다른 사람들이 당신이 프로젝트를 만들거나 당신을 검색한다는 것을 알 수 있습니다.

 < li class =" nav__item " >
  < a href =" equal-height-cards/index.html " class =" nav__link " >
    Create cards with equal heights - John Mwendwa
  </ a >
</ li >

5. 레이아웃과 디자인에 Flexbox 만 사용하여 얼마나 많은 소집을했는지 확인하십시오.

6. CSS Grid Mastery를 선보이려면 CSS 그리드에서 다른 저장소를 체크 아웃하고 https://github.com/johnmwendwa/grid-practice-excercises에 기여하십시오.

7. 레포에 출연하는 것을 잊지 마세요?

디자이너에게 말씀!

디자인에 매우 좋은 눈이 있다면 루트 스타일을 변경할 수 있습니다 .CSS 스타일 시트. 모든 변경이 항상 합병되는 것은 아니지만 항상 노력할 가치가 있습니다.

라이브 데모

https://johnmwendwa.github.io/flexbox-practice-excercises