WEB2 - CSS

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

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

댓글

댓글 본문
  1. 이승민
    2021.09.21
  2. 김보경
    질문이 있습니다.
    위의 그리드 동영상에는 NAVIGATION과 ARTICLE 두개를 각각 div로 묶고 gird라는 부모태그로 묶엇는데 다음 동영상에 ol태그는 따로 div로 안묶고 <h2>CSS 부터 div id="article"로 묶은 후
    ol과 id=article을 id=gird로 묶었는데 서로의 차이점이 있을까요?
    ol태그도 div로 묶어야하는거 아닌가 생각이드네요 ㅠㅠ
    고수님들 알려주세욤 부탁드립니다.
  3. 정제제
    210828 완
  4. 진주
    재밌어요 ><
  5. rec8730
    이해될듯 하면서도 안되고 id 선택자 개념부터 막히기 시작하네요ㅠ
  6. 이나크로
    20210821
  7. 권정현
    .
  8. 서울 2020년 가을
    2021.8.3
  9. 커넥티드 허트
    2021.08.01
  10. 조유빈
    완료
  11. inwhan
    2021.07.22. 완료
  12. 아자가자
    210721 성공
    감사합니다 :)
  13. 완료
  14. 너클볼러
    감사합니다.
  15. 임코딩
    - tag의 부모 지정 : #id tag { ... }
  16. 임코딩
    - 디자인을 위한 tag : "div", "span" (block vs inline)
    - 같은 block 내 columns에 크기를 지정하여 배치 :
    display :grid;
    grid-template-columns : 크기지정1 크기지정2 ...;
    - web browser 기술 채택 통계 사이트 : caniuse.com
  17. OrzlHB
    완료
  18. 정용헌
    와 개발자툴 완전 유용하네요!!!!!
  19. 도햐
    아직은 개발자툴인 검사가 익숙하지 않아서 걱정이네요 흑
  20. 윤동욱
    20210706
  21. 박사장
    21.06.30 시청 완료
  22. 헤메는소
    7.2.21
  23. 황철갑
    21.6.27
  24. 호찬
    2021.06.23.(수) 진행중
  25. B=loom
    21.06.21
  26. 너굴
    210611
  27. 김기호
    2021.06.04
  28. drinkdrink
    잘봤습니다 !
  29. 김휘철
    잘 봤습니다~
  30. 김새암
    2021.5.18
  31. GelandeWagen
    210518 ok
  32. 라이믹스
    개념은 잡혔는데 디테일한 부분에서 아직 허덕 거리는 중....
  33. 어려웠네요
  34. 210514
  35. RedMaple
    2021.05.14
  36. super1Nova
    210513
  37. 에미넴의해골
    5/10 완려
  38. 초딩 개발자
    2021/05/08
  39. 감사합니다. 예전에 처음 들었을 때 너무 어려워서 일단 지나가고 혼자 공부하고 다시 돌아와서 들으니 너무 이해가 잘 됩니다. 이고잉 선생님 너무 감사합니다.
  40. Jeong Il Haan
    20210429
  41. 스문
    span -> inline
    div -> block
    1fr : 화면 크기에 따라서 늘어남
  42. chimhyangmoo
    2차 - 21.04.24
  43. 가보자
    2021.04.22
  44. 별거
    2021.04.22 완료했습니다.
    ○fr의 의미를 알았다.
    사이트를 다듬었다.
    그리드를 사이트에 추가했다.
  45. 다랑어최고야
    4/12done
  46. 역사단 보존서고지원병
    2021.04.12 완료
  47. nptncloud
    4/4 완료
  48. midori
    감사합니다
  49. 김도현
    완료
  50. seonhong Kim
    2021.03.26 완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기