コンテンツを横並びに表示させたいのですが、うまくいきません。
右(right-contents)と左(img phone)にコンテンツを並ばせたいです。
containerで囲い、rowで右と左に並ばせるのではないのでしょうか?
cssフレームワーク&skeletonが初利用のため戸惑っています。
html
1<div class="section hero"> 2 <div class="container"> 3 <div class="row"> 4 <div class="one-half column phone"> 5 <img class="phone" src="images/iphone.png"> 6 </div> 7 <div class ="one-half column right-contents"> 8 <h1 class="hero-heading">トップキャッチ</h1> 9 <p>サービス説明文テキストテキストテキストテキストテキストテキスト</p> 10 <a class="button button-primary" href="https://chi-navi.net/BusUserPage">利用はこちらから</a></p> 11 <p>スマホはこちら</p> 12 <img class="qr" src="images/qr_sample.png"> 13 </div> 14 </div> 15 </div> 16 </div>
左右半分ずつに並ぶと思いますが、何が期待と違いますか?
回答1件
あなたの回答
tips
プレビュー