Portfolio : Admin Page 막히는 부분 질문있습니다.

[Eun-Gil Cho]

일단, 공부를 위해서 부트스트랩은 안쓰고, 폰트 어썸으로 폰트만 가져와서 진행하고 있습니다.

현재 레이아웃이 1194px 기준, 이런 식으로 나오는데요. 

질문 1)

밑에 4개의 박스는 padding 값을 줘서, 가지런하게 만들어놓아도, 레이아웃 사이즈가 작아지면서, 글자랑 그림도 점점 밑으로 밀려서 나가네요.

어떻게 밀림 현상 없이 예쁘게 정렬할 수 있을까요?? ㅠ.ㅠ

--------------

질문 2)

밑에 4개의 박스가 Dashboard 영역을 자꾸 침범하는데요. 이것도 레이아웃이 어느 정도 사이즈가 작아지니까, 이런 현상이 발생합니다. 모바일 수준으로 작아지면, 미디어 쿼리 줘가지고 고치겠는데, 랩탑 수준에서 저런 현상이 나타나서, 어떻게 해야할지 멘탈 나갈 것같습니다ㅠ.ㅠ 왜 저런 현상이 일어나고, 어떻게 고칠 수 있을 까요?? 

 

---------------

참고로, 저는 아래 영역은 전부 grid로 구현해봤습니다.

레이아웃 사이즈가 일정 이상 커지면, 또 이렇게 예쁘게 변합니다.

질문 코드 링크

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

 

[codingapple]

폭 높이를 %로 준걸 다 지웁시다 

display flex 쓰면 알아서 균일하게 쪼개줍니다 

근데 display flex 쓴 위치도 이상하긴 하군요 

[Eun-Gil Cho]

질문 드린 문제는 해결했습니다. 그런데, 

번호 파란색 배경을 저렇게 약단 타원형으로 만들려고 하는데요.

저는 이런식으로 출력되고 좌우로 padding 값을 줘도 요구사항 처럼 예쁜 값으로 만들어지지 않습니다.

어떻게 이 문제를 해결할 수 있을까요??

현재 .task-number 라는 div 박스 안에 p 태그를 넣고 숫자 값을 넣은 방식입니다.

코드 링크는 최상단에 드린 것과 동일합니다.

질문 드린 문제들 해결한 것까지도 업데이트 했습니다 🙂

[codingapple]

border radius를 px 단위로 줍시다 

[글쓴이]

글