본문 바로가기

CSS

[CSS] Flex 간단한 실습하기

 

잘한점:

 

.profile-detail{
width: 100%;
display: flex;
justify-content: space-around;
}

justify-content가 안먹어서 개발자도구를 유심히 들여다보니 width 크기가 너무 작아서 인 것 같았다. 그래서 width:100%;를 주니 문제 해결! 간단한거지만 처음으로 나혼자 문제해결을 해서 너무 뿌듯하다 :)

 

다른 건 다 했는데 밑에 숫자 배치를 어떻게 해야될지 모르겠당,,

-->강사님이 하시는 것을 보니 justify-content: space-between을 주셨다

 

 

 

 

width:100%로 주지만 height:100vh로 주어야 함