Basic FAQ's - Tailwind Component

<section class="leading-relaxed max-w-screen-xl mt-12 mx-auto px-4 lg:px-8">
  <div class="space-y-3 text-center">
    <h1 class="text-3xl text-gray-800 font-semibold">
      Frequently Asked Questions
    </h1>
    <p class="text-gray-600 max-w-lg mx-auto text-lg">
      Answered all frequently asked questions, Still confused? feel free to contact us.
    </p>
  </div>
  <div class="mt-14 gap-4 sm:grid sm:grid-cols-2 lg:grid-cols-3">
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        What are some random questions to ask?
      </h4>
      <p class="text-gray-500">
        That's exactly the reason we created this random question generator. There are hundreds of random questions to
        choose from so you're able to find the perfect random question.
      </p>
    </div>
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        Do you include common questions?
      </h4>
      <p class="text-gray-500">
        This generator doesn't include most common questions. The thought is that you can come up with common questions
        on your own so most of the questions in this generator.
      </p>
    </div>
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        Can I use this for 21 questions?
      </h4>
      <p class="text-gray-500">
        Yes! there are two ways that you can use this question generator depending on what you're after. You can
        indicate that you want 21 questions generated.
      </p>
    </div>
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        Are these questions for girls or for boys?
      </h4>
      <p class="text-gray-500">
        The questions in this generator are gender neutral and can be used to ask either male of females (or any other
        gender the person identifies with).
      </p>
    </div>
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        What are some random questions to ask?
      </h4>
      <p class="text-gray-500">
        That's exactly the reason we created this random question generator. There are hundreds of random questions to
        choose from so you're able to find the perfect random question to ask friends.
      </p>
    </div>
    <div class="space-y-3 mt-5">
      <h4 class="text-xl text-gray-700 font-medium">
        What do you wish you had more talent doing?
      </h4>
      <p class="text-gray-500">
        If you've been searching for a way to get random questions, you've landed on the correct webpage. We created the
        Random Question Generator to ask you as many random questions as your heart desires.
      </p>
    </div>
  </div>
</section>


<style>
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

  body {
    font-family: 'Poppins', sans-serif;
  }
</style>