Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 제가 css 초반 공부할 때 정말 수십번도 더 챙겨본 영상이었는데요, 이제 세미 프로젝트가 들어가는 시기라 css를 활용하였던 시기에서 시간이 좀 흐르니깐 정렬부분이 다시금 조금 헷갈려서 다시 영상을 보고 공부하게되었습니다. 화면구성시에 헷갈리는 부분을 찾으며 일일이 영상을 확인해 보기에 시간이 효율적이지 않은 듯 하여 제가 공부하기 쉽게 다시 정리하는 포스팅을 작성하고자 합니다. + (해당 콘텐츠 영상 링크는 하단에 함께 노출하여두었습니다. 영상 선생님이 진짜찐짜 설명 너무 잘해주셔서 저 바로 구독자 되었었는데, 다른 분들도 이 영상보시고 css 기초 공부하시는거 강추해요!) float의 단점을 보완하여 사용하기 ..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> Document div{ background-color: aqua; margin: 10px; padding : 10px; } #container{ width: 100%; height: 100%; background-color: pink; margin: 0 auto; padding: 0; border: 1px solid black; display: flex; /* flex-direction: column; align-items: center; */ } .justify-content-test{ justify-content: space-between; } .flex-direction-test{ flex-direction: column-..