hr0513 님의 블로그

안녕하세요, hr0513입니다! 🥰오늘은 CSS Flex와 Grid에 대해 잘 알지 못했던 분들을 위해 유용한 블로그 두 개를 소개해 드릴게요!사실, Flex와 Grid는 요즘 웹 디자인에서 정말 중요한 역할을 차지하고 있어서, 조금만 익혀두면 레이아웃을 만들 때 아주 유용해요.https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 studiomeal.com먼저 소개할 블로그는 이번에야말로 CSS Flex를 익혀보자 라는 제목의 글이에요.이 글에서는 Flex의 기본 개념부터 시작해서, 다양한 실습 예제를 통해 Flex를 어떻게 사용할 수 있는지 쉽게 설명하고 있어요.특히, Flex의 주요 속성들을 잘 정리해두어서 실제 프로젝트에 바로 적용할 수 있을 만큼..

https://cssgridgarden.com/#ko제가 CSS를 처음 입문할 때 도움이 되었던 grid 속성 게임이에요어려운 부분이 있으면 제 답안을 참고해서 풀어주세요😊 단계 1 of 28grid-column-start: 3; 단계 2 of 28grid-column-start: 5; 단계 3 of 28grid-column-end: 4; 단계 4 of 28grid-column-end: 2; 단계 5 of 28grid-column-end: -2; 단계 6 of 28grid-column-start: -3; 단계 7 of 28grid-column-end: span 2; 단계 8 of 28grid-column-end: span 5; 단계 9 of 28grid-column-start: 3; 단계 10 of 2..

https://flexboxfroggy.com/#ko제가 CSS를 처음 입문할 때 도움이 되었던 flexbox 속성 게임이에요어려운 부분이 있으면 제 답안을 참고해서 풀어주세요😊 단계 1 of 24justify-content: flex-end; 단계 2 of 24justify-content: center; 단계 3 of 24justify-content: space-around; 단계 4 of 24justify-content: space-between; 단계 5 of 24align-items: flex-end; 단계 6 of 24justify-content: center;align-items: center; 단계 7 of 24justify-content: space-around;align-items: f..