WEB2 - CSS

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

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

댓글

댓글 본문
  1. 드가자
    11
  2. 엠제이
    10172022
  3. 보통사람 박코딩
    할수있다
  4. 아아뜨아
    221010
  5. solfany
    2022.9 28 수강 완료
  6. 코딩왕초보
    2022.09.26
  7. 코딩드림
    22.09.24 재밌어요!
  8. 당당
    2022.09.09
  9. start_new_life
    기존 것들은 정말 쉬운 것들 이였네요.. 여기서 처음으로 뇌가 꼬이는 듯한 느낌이 들었습니다. 수 번 따라해보고 해서 겨우 이해했습니다.
  10. 수강완료
  11. 코딩다람쥐
    2022.09.02 수강완료
  12. 제이드
    **https://caniuse.com/?search=grid**

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

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

    종속을 표현하고 싶다면 띄어쓰기로 표현할 수 있다.
    #grid ol{}
  18. 히야
    2022년 8월 17일 수강 완료했습니다. 감사드립니다!
  19. 참새튀김
    22.08.17
  20. 22.08.11
  21. 헤밍웨이
    220809
  22. 여름이
    22.8.6.
  23. phoenix0428
    2022-08-04
  24. robert
    2022-07-29
  25. 코드만다
    22.07.26
  26. 꾸준히가답이다
    화이팅
  27. 코딩러버
    점점 복잡해지고 머리가 아파오기 시작한다..
  28. toonfac
    220703 오후 4시 31분 완료
  29. 22.06.29
  30. 양빵
    220610
  31. 김재원
    5/16
  32. 매듭달열하루
    22.04.28
    CSS 그리드
  33. 고배배
    220417
  34. 그리드 편하네요
  35. 서우
    22.04.12.
  36. block level element를 사용하려면 div (디자인 하는데 사용)
    inline level element를 사용하려면 span
    grid를 사용하면 상자간의 비율을 조절할 수 있고 상자 안에 넣는 글자수에 따라 자동으로 크기가 조정됨.
    선택자를 쓸 때도 선택자가 많아지면 어떤 것을 그리드 하는지 헷갈릴 수 있음.
    따라서 #grid ol 이런 식으로 그리드 뒤에 선택자를 붙여줘서 구분.
  37. 너구리기린
    2022.03.26
  38. 이윤
    220319
  39. B_frog
    220314
  40. ^^
  41. DH니스
    2022.03.09
  42. 김원식
    안녕하세요!열심히 따라하면서 배우고 있는 수강생 한명입니다!
    border를 설정할때 ol{border: 1xp solid gray}로 설정시 강의처럼 화면 전체에 블록형태로 안나오고 계속 인라인 형태로 나오는고 웹 설정으로 확인을 할경우 높이가 설정이 되어있는데 혹시 이거를 웹의 크기에 맞게 높이가 조정되도록 어떻게 해야지 수정이 가능할까요?
    class를 설정해서 .ol{border:1px solid gray}할 시에는 똑같이 나오는데 혹시 이런식으로 설정을 하여 해도 아무런 문제가 없는 걸까요??
  43. 지구
    2022.03.06 복습 후 재수강 필요!
  44. keepgoing
    2022.03.03
    grid라는 기술이 하루 아침에 생겨난 것이 아니다.
    업데이트 되고 또 업데이트 되었겠지.
    keepgoing
  45. 퓨라늄
    강의 잘 보고있습니다. 이번 영상에 한가지 질문이 있는데 그리드로 ol과 div를 나누고 컬럼값을 주면 ol의 크기가 고정되는데 굳이 ol의 width를 가지고있을 필요가 있나요?
  46. new 개발자
    20220222
  47. tfx5470h
    2022-02-20
  48. 2022.02.18 완료
  49. 점점 난이도가 어려워지는 느낌 ㅠㅠ 댓글들 하나하나씩 참고하면서 보니까 조금 이해됐어요 ! 감사합니다!
  50. ywbyeol
    22.2.16
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기