생활코딩

Coding Everybody

코스 전체목록

닫기

그리드

그리드의 기본 사용법

강의

caniuse 홈페이지

 

소스코드

변경사항

 

 

 

그리드 써먹기

강의

 

 

소스코드

변경사항

Grid 기능의 호환성

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

댓글

댓글 본문
  1. 22.06.29
  2. 양빵
    220610
  3. 김재원
    5/16
  4. 매듭달열하루
    22.04.28
    CSS 그리드
  5. 고배배
    220417
  6. 그리드 편하네요
  7. 서우
    22.04.12.
  8. block level element를 사용하려면 div (디자인 하는데 사용)
    inline level element를 사용하려면 span
    grid를 사용하면 상자간의 비율을 조절할 수 있고 상자 안에 넣는 글자수에 따라 자동으로 크기가 조정됨.
    선택자를 쓸 때도 선택자가 많아지면 어떤 것을 그리드 하는지 헷갈릴 수 있음.
    따라서 #grid ol 이런 식으로 그리드 뒤에 선택자를 붙여줘서 구분.
  9. 너구리기린
    2022.03.26
  10. 이윤
    220319
  11. B_frog
    220314
  12. ^^
  13. DH니스
    2022.03.09
  14. 김원식
    안녕하세요!열심히 따라하면서 배우고 있는 수강생 한명입니다!
    border를 설정할때 ol{border: 1xp solid gray}로 설정시 강의처럼 화면 전체에 블록형태로 안나오고 계속 인라인 형태로 나오는고 웹 설정으로 확인을 할경우 높이가 설정이 되어있는데 혹시 이거를 웹의 크기에 맞게 높이가 조정되도록 어떻게 해야지 수정이 가능할까요?
    class를 설정해서 .ol{border:1px solid gray}할 시에는 똑같이 나오는데 혹시 이런식으로 설정을 하여 해도 아무런 문제가 없는 걸까요??
  15. 지구
    2022.03.06 복습 후 재수강 필요!
  16. keepgoing
    2022.03.03
    grid라는 기술이 하루 아침에 생겨난 것이 아니다.
    업데이트 되고 또 업데이트 되었겠지.
    keepgoing
  17. 퓨라늄
    강의 잘 보고있습니다. 이번 영상에 한가지 질문이 있는데 그리드로 ol과 div를 나누고 컬럼값을 주면 ol의 크기가 고정되는데 굳이 ol의 width를 가지고있을 필요가 있나요?
  18. new 개발자
    20220222
  19. tfx5470h
    2022-02-20
  20. 2022.02.18 완료
  21. 점점 난이도가 어려워지는 느낌 ㅠㅠ 댓글들 하나하나씩 참고하면서 보니까 조금 이해됐어요 ! 감사합니다!
  22. ywbyeol
    22.2.16
  23. 드림보이
    2022.02.13. WEB2 - CSS - 그리드 파트 수강완료
  24. 초보자바
    22-02-10 완료
  25. 미래에 후회안할 자신있어?
    2022-02-07 완료
  26. 꿈꾸는고양이
    2022.02.07 완료
  27. Jaime Kim
    감사합니다!
  28. 전역4달전시작
    칸료
  29. 200123
  30. 20220122
  31. 우주소년AtOm
    완료
  32. 김나루
    2022-01-21
  33. 요Q르트
    2022/01/12 완료
  34. 달수
    20220110
  35. 그니
    22.01.08 수강완료
  36. 열정jk
    220108 감사합니다
  37. 드솔
    2022-01-07
  38. 맛없는콩두유
    22.01.06 완료!
  39. 김두현
    22.01.04
  40. 으으냠냠
    와 너무 감사합니다!! 방향키를 쓰는거였군요!! ㅠㅠ 감사합니다!
    대화보기
    • 하이하이
      방향키 위아래를 이용하시면 px값이 변경됩니다!
      대화보기
      • 으으냠냠
        두 번째 영상 4:00에서

        개발자 도구툴 이용해서 패딩값을 "더블클릭하여 움직이는" 것 저만 안되는걸까요?
        (같은 영상 5:24 에도 다시 나옵니다.)

        패딩값을 더블클릭하여 움직인다는 게 마우스로 드래그한다는 것 같은데,
        더블 클릭하면 숫자표시커서만 깜빡일뿐입니다.
        영상에서 어떻게 움직여서 px값 가늠하는 건지 제가 방법이 이해가 가지 않습니다..
      • aristia
        2021.12.17
      • 롤링
        오전 9:22 2021-12-14
      • xYzQrs
        2021.12.12
      • 소설가
        2021-12-08 완료
      • 20211206 그리드 사용법 완료
      • 20211204
      • 민택기
        21.11.28 완료
      • 장돌
        21.11.28
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기