# Simple 2 Cols Grid

> A plain two column grid of questions and answers. A compact way to cover many topics at once, ideal for a quick reference block near a page footer.

A shadcn/ui block from the [@shadcn-ui-blocks](https://www.shadcn-ui-blocks.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-simple-2-cols-grid).

- Page, with a live preview: https://shadcn.exchange/r/shadcn-ui-blocks/marketing-faq-sections-simple-2-cols-grid
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcn-ui-blocks/marketing-faq-sections-simple-2-cols-grid-light-23eeda52dbaf5c16.png
- Registry item: https://www.shadcn-ui-blocks.com/r/marketing-faq-sections-simple-2-cols-grid.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/marketing-faq-sections-simple-2-cols-grid.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Files

### `components/blocks/marketing/faq-sections/simple-2-cols-grid.tsx`

```tsx
const faqs = [
  {
    question: "Can I cancel at anytime?",
    answer:
      "Yes, you can cancel anytime no questions are asked while you cancel but we would highly appreciate if you will give us some feedback.",
  },
  {
    question: "My team has credits. How do we use them?",
    answer:
      "Once your team signs up for a subscription plan. This is where we sit down, grab a cup of coffee and dial in the details.",
  },
  {
    question: "How does Acme's pricing work?",
    answer:
      "Our subscriptions are tiered. Understanding the task at hand and ironing out the wrinkles is key.",
  },
  {
    question: "How secure is Acme?",
    answer:
      "Protecting the data you trust to Acme is our first priority. This part is really crucial in keeping the project in line to completion.",
  },
  {
    question: "Do you offer discounts?",
    answer:
      "We've built in discounts at each tier for teams. The time has come to bring those ideas and plans to life.",
  },
  {
    question: "What is your refund policy?",
    answer:
      "We offer refunds. We aim high at being focused on building relationships with our clients and community.",
  },
];

export default function Simple2ColsGrid() {
  return (
    <>
      {/* FAQ */}
      <div className="max-w-[85rem] container mx-auto px-4 md:px-6 2xl:max-w-[1400px] py-24 lg:py-32">
        {/* Title */}
        <div className="max-w-2xl mx-auto text-center mb-10 lg:mb-14">
          <h2 className="text-2xl font-bold md:text-3xl md:leading-tight">
            Frequently Asked Questions
          </h2>
        </div>
        {/* End Title */}

        <div className="max-w-5xl mx-auto">
          {/* Grid */}
          <div className="grid sm:grid-cols-2 gap-6 md:gap-12">
            {faqs.map((faq) => (
              <div key={faq.question}>
                <h3 className="text-lg font-semibold">{faq.question}</h3>
                <p className="mt-2 text-muted-foreground">{faq.answer}</p>
              </div>
            ))}
          </div>
          {/* End Grid */}
        </div>
      </div>
      {/* End FAQ */}
    </>
  );
}
```