1. 학습
  2. /
  3. 강의
  4. /
  5. Dash와 Plotly로 대시보드 만들기

Connected

연습 문제

객체 레이아웃 제어하기

여러분이 만든 Dash 작업이 조직에 큰 영향을 주고 있어요. 그런데 한 동료가 자신의 대시보드에서 겪는 문제로 도움을 요청했네요. 그가 구상한 대시보드는 맨 위에 회사 로고가 있고, 그 아래에 막대 그래프 두 개가 서로 나란히 배치되는 형태예요.

하지만 지금은 로고가 상단에 너무 붙어 있고, 그래프는 위아래로 쌓여 있어요. 꽤 난감하네요!

여러분은 CSS 지식을 활용해 이 객체들의 위치를 제대로 정리할 수 있다고 생각해요.

지침

100 XP
  • 15번째 줄 아래의 로고에 대해, 위쪽만 30px의 margin을 추가하고 나머지 방향에는 margin을 두지 마세요.
  • 19번째 줄 아래의 두 그래프에 스타일을 추가하여 나란히 보이도록 하세요.