편리한 flexbox 에서 숙제하던 중 "글자 먹힘" 현상

[Eun-Gil Cho]

전체화면에서는 아무 이상없지만, 화면을 일정 크기 이상으로 줄이면, Products Sevices에서 Sevices가 사라져버립니다;;

 

왜 이런 현상이 발생하나요?? 그리고 어떻게 고칠 수 있을 까요??

 

질문에 대한 코드 링크입니다.

 

https://codepen.io/uscgil0127/pen/BaJpEaP

 

- 전체 화면에서의 모습

 

- 화면을 줄였을 때, 모습  => services가 집 나가서, 돌아오지를 않습니다.

[codingapple]

line-height를 없애봅시다

화면축소하면 글자가 공간이 없어서 밑으로 밀려내려가는듯요 

[Eun-Gil Cho]

line-height를 없애니까, 문제가 해결됐어요~~

근데, line-height를 안 쓰면, 세로로 가운데 정렬이 안 되는데... 이 문제는 어떻게 해결해야 하나요?? 

[codingapple]

부모박스에 align-items 아니면 justify-content 를 씁시다 

[글쓴이]

글