タイトル下のオススメ記事その3（スマホ表示でスクロールできるようにする） - ZENO-TEAL

Freepikによるデザイン タイトル下にオススメ記事を挿入する方法をこれまで2種類紹介しました。しかしどちらの場合も、画面サイズによって表示数が決まっており、スマホ表示の時は2つしか表示できませんでした。（しかも通常記事と同じようなスタイルなので紛らわしい。）これを少し改造してスクロールできるようにします。 html ヘッダに入れるhtmlのコードは以下になります。 <div style="overflow-x:auto;"> <div class="recommends"> <a href="記事URL" class="recommend-entry"><img src="画像URL" class="recommend-img" /><span class="recommend-title">記事タイトル</span></a> <a href="記事URL" class="recomm

[tanaboo]

おお、入れてみよヽ(=´▽`=)ﾉ

[papiko8-l]

試してみたいです！

[rico_note]

試したい！あ、後、できればメニューをスクロールした時に固定したりできる嬉しいです。