멋쟁이 사자처럼 at 한국교통대학교 7기

2019 KNUT X LIKE LION #7

코스 전체목록

닫기

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

https://caniuse.com/#feat=css-grid 

댓글

댓글 본문
  1. 야생의코린이
    2024-05-05 완료
  2. 이사야
    2024-05-05 완료!
  3. beginner
    20240307
  4. 김현지
    2024.2.12
  5. 레나
    2024.02.04 완료
  6. ECLECTIC
    시작
  7. 므갱이
    2023.11.12 완료
  8. KunWoo
    231031
  9. 그리드까지 완료
  10. 정연세
    231001완
  11. 정윤수
    23.09.14 css-10 완
  12. 30늦은나이아니라고해줘
    2023-08-24 완료
  13. 오옹오옹
    23.08.10
  14. 코딩두
    23.07.08 완료
  15. 어흥
    23.06.18
  16. 코코
    23.05.26
  17. 23.05.16
  18. nightsunny
    23.05.05 check.
  19. 하얀세상
    23.04.19
  20. henry
    caniuse에 grid쳐보니 이젠 96%의 이용자들이 볼수있다고 나오네요!
  21. 오즐
    2023.03.21
  22. 코딩척척석사
    2023.03.08
  23. ashkite12
    23.03.07
  24. webby
    23.03.01
  25. 여기서 좀 헷갈리네요 알듯말듯 재미있습니다
  26. otcace
    23.02.23
  27. 열공강아지
    2/3
  28. Sansol Park
    처음에는 따라하지 않고, 그냥 처음부터 끝까지 쭈욱 강의영상을 가벼운 마음으로 보기만 해보세요~!

    집중해서 보지 않고, 그냥 듣기만 하고

    그 다음에 영상을 보고 실습을 하거나
    동일한 주제로 강의하는 다른 영상이나 책, 웹페이지를 찾아서 공부하면 좀 더 이해가 잘되실 거에요!
    대화보기
    • 서른다섯시작
      만들어져 있는 코드로 계속 이어서 연속적으로 강의가 진행돼다 보니까
      따라해도 막히게 되면 웹페이지가 엉터리가 돼서 다음 강의를 못 따라가네요..ㅠㅠ
      그냥 못하는 저를 탓해야겠죠..
    • TheDuck
      2023. 02. 01 완료
    • BBIYA
      2023.01.13
    • 오오
      2022.12.22
    • 2022.12.21 11. 그리드 써먹기까지 했습니다.
    • 드가자
      11
    • 엠제이
      10172022
    • 보통사람 박코딩
      할수있다
    • 아아뜨아
      221010
    • solfany
      2022.9 28 수강 완료
    • 코딩왕초보
      2022.09.26
    • 코딩드림
      22.09.24 재밌어요!
    • 당당
      2022.09.09
    • start_new_life
      기존 것들은 정말 쉬운 것들 이였네요.. 여기서 처음으로 뇌가 꼬이는 듯한 느낌이 들었습니다. 수 번 따라해보고 해서 겨우 이해했습니다.
    • PanLu
      수강완료
    • 코딩다람쥐
      2022.09.02 수강완료
    • 제이드
      **https://caniuse.com/?search=grid**

      쌤이 써주신 코드 그대로 복붙하면 실습이 잘 되는데,
      제가 똑같이 적어서 실행하면 제대로 안나오네요 대체 원인이 뭔지 모를
    • 모카
      2022.08.29
    • 8/21
    • MelonMusk
      08/20
    • MelonMusk
      08/19
    • 뿔고래
      grid-template-columns: 1fr 2fr;
      3등분해서 1칸과 2칸으로 나누어서 표현한다.

      div로 묶은 다음에 div의 display속성을 grid로 설정하면 표를 만들 수 있다.

      종속을 표현하고 싶다면 띄어쓰기로 표현할 수 있다.
      #grid ol{}
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기