1. 学ぶ
  2. /
  3. コース
  4. /
  5. Dash と Plotly で作るダッシュボード

Connected

演習

オブジェクトのレイアウトを制御する

あなたが作るDashアプリは、組織内で大きな成果を上げています。そんな中、同僚からダッシュボードで困っていると相談がありました。理想の構成は、上部に会社のロゴがあり、その下に2つの棒グラフが横に並ぶレイアウトです。

しかし実際には、ロゴが上端に近すぎ、グラフは縦に積み重なってしまっています。これでは使いにくいですね!

CSSの知識を使えば、これらのオブジェクトを所定の位置に整えられるはずです。

指示

100 XP
  • 行15の下にあるロゴの上側だけに30pxのマージンを追加し、他の側にはマージンを付けないでください。
  • 行19の下にある2つのグラフにスタイルを追加し、横に並ぶようにしてください。