faq_003

faq_003.zip

faq_002の構造をベースにしたアレンジ版デザイン。
アコーディオン型で質問をクリックすると回答が開閉する仕組みはそのままに、右側の＋−マークを非表示にしたスッキリ仕様です。

スマホユーザーが大半を占める業種に特におすすめ。
＋−マークを省くことで、質問文を横いっぱいまで表示でき、可読性が大きく向上します。

質問には「Q.」、回答には「A.」がbefore要素で自動表示され、faq_002同様に回答部分のインデント調整や余白設定も最適化済み。
もちろん、DRESSから文字サイズや配色、背景カラーなども自由に調整可能です。

ミニマルで読みやすく、スマホでの表示にも配慮されたFAQ構成を求める方にぴったりの一案です。

https://bindism.com/blockdesign/faq/faq_003.html