Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make FAQs 2 column

Browse Source
This commit is contained in:
Abi Raja 2024-07-22 15:51:58 -04:00
parent b7985b9a4e
commit 4b616342c6
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/hosted/FAQs.tsx
View File

@ -8,7 +8,7 @@ function FAQs() {
{ {
question: "When do credits reset?", question: "When do credits reset?",
answer: answer:
"Your credits reset at the beginning of each month and do not roll over. Every 1st of the month, you will receive a fresh batch of credits.", "Your credits reset at the beginning of each month and do not roll over. Every month, on the 1st, you will receive a fresh batch of credits.",
}, },
{ {
question: "Can I cancel my plan?", question: "Can I cancel my plan?",
@ -28,9 +28,11 @@ function FAQs() {
]; ];
return ( return (
<div className="max-w-3xl mx-auto mb-16"> <div className="max-w-5xl mx-auto mb-16">
<h2 className="text-3xl font-bold mb-8">Frequently Asked Questions</h2> <h2 className="text-3xl font-bold mb-8 text-center">
<div className="space-y-6"> Frequently Asked Questions
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{faqs.map((faq, index) => ( {faqs.map((faq, index) => (
<div key={index} className="border-b border-gray-200 pb-6"> <div key={index} className="border-b border-gray-200 pb-6">
<h3 className="text-lg font-semibold mb-2">{faq.question}</h3> <h3 className="text-lg font-semibold mb-2">{faq.question}</h3>