Skeletonのrowの使い方

Question

コンテンツを横並びに表示させたいのですが、うまくいきません。

右（right-contents）と左（img phone)にコンテンツを並ばせたいです。

containerで囲い、rowで右と左に並ばせるのではないのでしょうか？
cssフレームワーク&skeletonが初利用のため戸惑っています。

<div class="section hero">
    <div class="container">
      <div class="row">
        <div class="one-half column phone">
          <img class="phone" src="images/iphone.png">
        </div>
        <div class ="one-half column right-contents">
            <h1 class="hero-heading">トップキャッチ</h1>
            <p>サービス説明文テキストテキストテキストテキストテキストテキスト</p>
            <a class="button button-primary"  href="https://chi-navi.net/BusUserPage">利用はこちらから</a></p>
            <p>スマホはこちら</p>
            <img class="qr" src="images/qr_sample.png">
        </div>
      </div>
    </div>
  </div>

Comments

[flied_onion]

左右半分ずつに並ぶと思いますが、何が期待と違いますか？

Answer 1

更新しても作業内容が反映されてなかったが、時間をおくと正しく反映された。

Comments

[flied_onion]

ブラウザのキャッシュかもしれないですね。

[masaakitsuyoshi]

そうなんですね！気づけばたびたび反映されていない現象が起こっておりました。