実現したいこと
Framer.comを使って、アメコミ(Marvel)キャラクターのJSONを使った、キャラクターのカードを作ろうとしています。一枚のカードには一つのキャラクターの情報が入ります。
キャラクターのデータは10キャラクター分10枚あり、overflowしたカードをスクロールで10キャラクターを表示するのではなく、containerの設定により、キャラクターのカードをクリックするとカードが一枚一枚表示されるような動作にしたいです。
試したこと
デフォルトのCSSで、flextDirectionが"column"だったので、"row"にすると、表示が横から縦型に切り替わることに気づきました。
overflowに"scroll"と言う言葉を思いつきで入れてみると、スクロールされるようになりました。
そのため、他にも見え方を設定できる言葉があるのかな、と思っているのですが、
どのように設定できる内容を探せばよいのかプログラミング学習初心者のためわかりません。
英語力のためか、ブラウズしても探したい内容に行き着くことができませんでした。
どうぞよろしくお願いいたします。
const containerStyle = {
height: "100%",
display: "fixed",
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
overflow: "scroll",
gap: 12,
}