그리드의 기본 사용법
강의
소스코드
그리드 써먹기
강의
댓글
-
11 -
10172022 -
할수있다
-
221010
-
2022.9 28 수강 완료
-
2022.09.26
-
22.09.24 재밌어요! -
2022.09.09
-
기존 것들은 정말 쉬운 것들 이였네요.. 여기서 처음으로 뇌가 꼬이는 듯한 느낌이 들었습니다. 수 번 따라해보고 해서 겨우 이해했습니다.
-
수강완료
-
2022.09.02 수강완료
-
**https://caniuse.com/?search=grid**
쌤이 써주신 코드 그대로 복붙하면 실습이 잘 되는데,
제가 똑같이 적어서 실행하면 제대로 안나오네요 대체 원인이 뭔지 모를 -
2022.08.29
-
8/21
-
08/20 -
08/19
-
grid-template-columns: 1fr 2fr;
3등분해서 1칸과 2칸으로 나누어서 표현한다.
div로 묶은 다음에 div의 display속성을 grid로 설정하면 표를 만들 수 있다.
종속을 표현하고 싶다면 띄어쓰기로 표현할 수 있다.
#grid ol{} -
2022년 8월 17일 수강 완료했습니다. 감사드립니다!
-
22.08.17
-
22.08.11
-
220809 -
22.8.6.
-
2022-08-04
-
2022-07-29
-
22.07.26
-
화이팅
-
점점 복잡해지고 머리가 아파오기 시작한다..
-
220703 오후 4시 31분 완료
-
22.06.29
-
220610
-
5/16
-
22.04.28
CSS 그리드 -
220417
-
그리드 편하네요 -
22.04.12.
-
block level element를 사용하려면 div (디자인 하는데 사용)
inline level element를 사용하려면 span
grid를 사용하면 상자간의 비율을 조절할 수 있고 상자 안에 넣는 글자수에 따라 자동으로 크기가 조정됨.
선택자를 쓸 때도 선택자가 많아지면 어떤 것을 그리드 하는지 헷갈릴 수 있음.
따라서 #grid ol 이런 식으로 그리드 뒤에 선택자를 붙여줘서 구분. -
2022.03.26
-
220319
-
220314
-
^^
-
2022.03.09
-
안녕하세요!열심히 따라하면서 배우고 있는 수강생 한명입니다!
border를 설정할때 ol{border: 1xp solid gray}로 설정시 강의처럼 화면 전체에 블록형태로 안나오고 계속 인라인 형태로 나오는고 웹 설정으로 확인을 할경우 높이가 설정이 되어있는데 혹시 이거를 웹의 크기에 맞게 높이가 조정되도록 어떻게 해야지 수정이 가능할까요?
class를 설정해서 .ol{border:1px solid gray}할 시에는 똑같이 나오는데 혹시 이런식으로 설정을 하여 해도 아무런 문제가 없는 걸까요?? -
2022.03.06 복습 후 재수강 필요!
-
2022.03.03
grid라는 기술이 하루 아침에 생겨난 것이 아니다.
업데이트 되고 또 업데이트 되었겠지.
keepgoing -
강의 잘 보고있습니다. 이번 영상에 한가지 질문이 있는데 그리드로 ol과 div를 나누고 컬럼값을 주면 ol의 크기가 고정되는데 굳이 ol의 width를 가지고있을 필요가 있나요?
-
20220222
-
2022-02-20
-
2022.02.18 완료
-
점점 난이도가 어려워지는 느낌 ㅠㅠ 댓글들 하나하나씩 참고하면서 보니까 조금 이해됐어요 ! 감사합니다!
-
22.2.16
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
