WEB2 - CSS

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

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

댓글

댓글 본문
  1. beginner
    20240307
  2. 김현지
    2024.2.12
  3. 레나
    2024.02.04 완료
  4. ECLECTIC
    시작
  5. 므갱이
    2023.11.12 완료
  6. KunWoo
    231031
  7. 그리드까지 완료
  8. 정연세
    231001완
  9. 정윤수
    23.09.14 css-10 완
  10. 30늦은나이아니라고해줘
    2023-08-24 완료
  11. 오옹오옹
    23.08.10
  12. 코딩두
    23.07.08 완료
  13. 어흥
    23.06.18
  14. 코코
    23.05.26
  15. 23.05.16
  16. nightsunny
    23.05.05 check.
  17. 하얀세상
    23.04.19
  18. henry
    caniuse에 grid쳐보니 이젠 96%의 이용자들이 볼수있다고 나오네요!
  19. 오즐
    2023.03.21
  20. 코딩척척석사
    2023.03.08
  21. ashkite12
    23.03.07
  22. webby
    23.03.01
  23. 여기서 좀 헷갈리네요 알듯말듯 재미있습니다
  24. otcace
    23.02.23
  25. 열공강아지
    2/3
  26. 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{}
    • 히야
      2022년 8월 17일 수강 완료했습니다. 감사드립니다!
    • 참새튀김
      22.08.17
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기