싸이월드 1탄 질문 입니다.
과제 완료후 정답과 비교를 하여는데,
바디 프로필 부분에서 왼쪽 위에 정렬이 되어 있어
저는
.left__body__profile{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 9px;
font-family: 'Malgun Gothic';
}이라고 정리를 하였습니다. 하지만 정답안에는
.left__body__profile{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}이라고 되어 있는데
align-items 는 flex-start 로 안해도 되는 건가요??
align-items 이나 justify-content 중 하나만 쓰거나 아애 안써도 같은 결과가 나오는데 둘중 하나는 꼭 써줘야하는건가요?
아님 justify-content 만 써야 하는건가요?

답변 1
0
안녕하세요 킹정은님!
말씀하신 두 속성 모두 display: flex 를 갖고있는 요소에 적용 시킬 수 있는 정렬 속성으로 justify-content는 메인 축 정렬을 담당하고 있습니다!
지금 상황처럼 flex-direction 속성을 주지 않은 상태에서는 기본값인 row가 되겠죠!
그리고 align-items는 기준 수직 정렬을 담당하고 있습니다!
강의에서는 이 두 속성을 주로 사용하여 정렬하고 있죠!?
결론부터 말씀드리면 css에 정답은 없습니다. 화면에 스타일을 지정하는 방법은 여러가지가 있고 지금의 상황에서도 flex속성들이 아닌 margin 이나 position을 사용 할 수 있으니까요!
하지만 현재 상황에서 align-items 를 정렬할 필요는 없기때문에 사용을 안하셔도 됩니다!
싸이월드3
0
79
2
싸이월드2 관련 질문 드립니
0
95
3
과제 모범답안 유무
0
93
2
과제 연습 질문
0
75
2
<style> 에 *와 div 차이
0
87
2
과제 profile 부분 질문
0
116
2
과제 Profile 부분 질문
0
88
2
left_body_header의 자식border-top인데
0
81
2
정렬 연습중인데 왜 여성과 남성 칸이 가로로 배열 안되는지 모르겠습니다.
0
129
1
태그 궁금한 점
0
164
2
HTML 회원가입
0
195
2
문법관련 질문입니다
0
255
2
윈도우 누른치로 마침표 눌렀는데 이모지가 안되는데용.?./.
0
655
2
26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ
0
255
2
피그마에서 css 코드가 안보여요..
1
3225
2
주석기능을 하고 싶은데 컨트롤+느낌표가 안됩니다 ㅠㅠ
0
328
2
언어 설정 -> 한글
0
292
1
2024년 html
0
230
1
피그마 유료화
0
1673
1
Fiama 링크 찾기
0
243
2
Figma는 어디에 있나요?
0
253
1
안녕하세요. 제공되는 노션 학습자료는 어디서 확인가능한가요?
0
358
2
git 질문입니다
0
218
1
아무리 찾아봐도 피그마 링크가 보이질 않습니다.
0
314
1





