Learn CSS Flex and Grid Properly

.card-list { display: flex; flex-wrap: wrap; margin: 0 -1rem; } .card-item { width: 50%; pad

수업 목록의 수업 제목 옆에 있는[구름 모양] 다운로드 버튼을 눌러 소스코드를 다운로드 받으세요!<

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...어떤걸 누르신건가요?항상 보면서 너무 궁금해서 이것저것 눌렀는데당췌 모르겠쉐용 ㅠㅠ 알려주셔요~( 다른 아는 분

.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 600px)); /* grid-tem

@media (max-width: 310px) { .menu { flex-wrap: wrap; } .menu-item { width: 100%; flex: 1 auto; } }

https://studiomeal.com/archives/197위 링크

안녕하세요 로드맵으로 강의를 다 신청해서 듣고있는 중인데혹시나 제가 지금 웹에서 카드게임을 만들고 싶은데홀덤테이블 이미지에 맞게 지정된 자리에 각각의 플에이어들의이름 프로필 그리고 손패2장을 놓을 슬롯을 지정하고 싶은데

백엔드 지망생입니다. 개인프로젝트 겸 기본적인 css 지식은 있어야 할 것 같아서 하고 공부하고 있는데, 아직 px와 em rem을 언제 어떻게 써야 할지 잘 모르겠네요..px em rem의 개념은 잘 알고 있지만 강사님꼐서 어떤 상황에선 px을

css 셀렉터 처럼 쓰면 예를 들어ul.menu하면 자동으로 html 완성되는 기능입니다.</p

flex-basis에서 auto로 설정하는 것과 0으로 설정하는 것의 차이가 무엇인지 궁금합니다.따로 코드를 짜서 실행하면 autof로 설정했을 때와 0으로 설정했을 때 결과물이 똑같아서 차이가 궁금합니다.

안녕하세요!강의 재밌게 수강하고 있습니다 :)해당 카드 리스트를 만들 때는 padding보다 gap을 쓰면 더 간단하게 만들 수 있지 않나요??왜 padding을 쓰신 건지 궁금합니다!

안녕하세요, "CSS Flex와 Grid 제대로 익히기" 강의 및 "인터렉티브 웹개발 제대로 시작하기"강의를 듣고 예제를 응용 중 다음과 같은 질문사항이 생겼습니다."3D 보드게임판" 예제에 보면 초기에 "starting" 애니메이션 지정

Q1: auto-fill 에 대해 질문드립니다. 에서셀이 2개 있고, grid-template-columns에 minmax(200px, auto)가 설정되어 있으며 auto-fill이 적용되

<img src="https://cdn.inflearn.com/public/files/posts/21e4be46-59f7-4261-99ab-67596b42c0ea/스크린샷2023-02-26오후8.45.04.png" alt="스크린샷 2023-02-26 오후 8.4

혹시 Flex-direction: row이고, Flex-wrap이 Wrap으로 설정되어 있고, 아이템들은 width: 33.3333%의 크기를 가지며, Height들은 서로서로 다 다를때, Wrap되어 행이 2개가 생길때에Flex-grow가 1로 It

안녕하세요. 영상 잘 보고 있습니다.문의드리고 싶은 내용은 다음과 같습니다.3행 1열 의 부모 컨테이너와 자식요소 (.logo, .search-bar, .banner) 일때.container { display: grid; gr

강사님 질문이 있습니다...card-item에 displat:flex를 적용하면 기존 화면에서<img src="https://cdn.inflearn.com/public/files/posts/55e88e01-4af7-4e00-866a-c05

선생님 vmin이 브라우저 기준 가로 세로중 작은 값 기준으로 100분의 1값이라는 것은 알겠는데 왜 값을 11vmin으로 줬는지는 잘 이해가 안됩니다 그냥 원하는 수치로 11을 넣어주신간가요??

Music</div&g

강사님! grid column, row를 지정해줄 때 기존의 것에서 secondary-a, secondary-b는 grid-column,row를 지정해주지 않아도 제자리에 있으면 따로 그리드를 지정해주지 않아도 되나요? 아니면 전체 다 grid-column, ro