grid practice excercises

그리드 실습 운동

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

반쯤 나는 다른 개발자들이 자신의 숙달을 선보일 수없는 이유를 생각했습니다.

기여하는 방법

1. 레포를 포크하십시오
2. 루트 디렉토리에 새 폴더를 만들고 그리드 프로젝트 파일을 추가하십시오.
3. 프로젝트를 마친 후에는 다음 형식을 사용하여 루트 index.html 파일의 프로젝트 파일에 링크를 추가하십시오. HREF 링크의 시작 부분에 전진 슬래시를 추가하지 마십시오. 그렇지 않으면 프로젝트 링크가 작동하지 않습니다!

...

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

...

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. 레이아웃과 디자인에 그리드 만 사용하여 어떻게 소집했는지 확인하십시오.

6. CSS Flexbox Mastery도 선보이려면 Flexbox에서 다른 리포지트를 체크 아웃하고 기여해야합니까? https://github.com/johnmwendwa/flexbox-practice-excercises

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

디자이너에게 말씀!

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

라이브 데모

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