Home
Anonymous
Question & Answer

Question & Answer

questions and answers

This tailwind example is contributed by Anonymous, on 09-Aug-2023. Component is made with Tailwind CSS v3. It is responsive.

Other

Author Anonymous

8.9k

Fork Fullscreen

<div class="w-full md:w-2/3 mx-auto p-5 bg-white rounded-lg shadow">
  <div class="flex items-center justify-between">
    <div class="w-2/3">
      <h2 class="section-heading text-bold">
        Questions and Answer
      </h2>
    </div>

<p class="ml-4 md:ml-6 text-bold">
          Can we have extra parking space for this unit?
        </p>
      </div>

<p class="ml-4 md:ml-6 text-bold text-gray-800">
          Yes you can get extra parking space but you have to pay extra monthly.
        </p>
      </div>

<span class="text-sm text-gray-800">
              10 upvotes
          </span>
        </div>

<span class="text-sm text-gray-800">
              Jason
              <span class="hidden md:inline-block">
                  - 2 days ago
              </span>
          </span>
        </div>
      </div>
    </div>
    <div>
      <div class="flex items-start">
        <div>
          <span class="inline-flex justify-center items-center w-6 h-6 rounded bg-green-500 text-white font-medium text-sm">
              Q
          </span>
        </div>

<p class="ml-4 md:ml-6 text-bold">
          Can we have extra parking space for this unit?
        </p>
      </div>

<p class="ml-4 md:ml-6 text-gray-800">
          Yes you can get extra parking space but you have to pay extra monthly.
        </p>
      </div>

<span class="text-sm text-gray-800">
              10 upvotes
          </span>
        </div>

<p class="ml-4 md:ml-6">
          Can we have extra parking space for this unit?
        </p>
      </div>

<p class="ml-4 md:ml-6 text-gray-800">
          Yes you can get extra parking space but you have to pay extra monthly.
        </p>
      </div>

<span class="text-sm text-gray-800">
              10 upvotes
          </span>
        </div>

<span class="text-sm text-gray-800">
              Jason
              <span class="hidden md:inline-block">
                  - 2 days ago
              </span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

Related Examples

Collapsible content

Author:
Rafferty Kim

2 years ago

13.9k
News feed

Author:
Bunny

2 years ago

13.8k
Show user details

Author:
Lucas Martinez

3 years ago

25.5k
Chat template
fullscreen chat template suitable for mobile devices

Author:
Manon Daniel

3 years ago

17.8k
Fancy underline

Author:
Simon Scheffer

3 years ago

12.6k
Typewriter animation effect
Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

Author:
Samuel Dawson

2 years ago

21.3k
simple responsive blog layout with sidebar

Author:
Isabella Kowalski

3 years ago

9.6k
Icon group

Author:
Conan Hilton

3 years ago

10k
DailyDev Card
Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

Author:
Ameth Galarcio

1 year ago

1.8k
Responsive Cards with Hover Text Reveal Animation - Built with Tailwind CSS
nhance your website with these sleek, responsive cards designed using Tailwind CSS! Featuring a stylish hover animation, the text smoothly reveals when you hover over the card, adding a dynamic touch to your user interface. Perfect for portfolios, team profiles, or project showcases, this design adapts seamlessly to all screen sizes.

Author:
Abdul Baset Bappy

11 months ago

1.8k
Play, Pause and Stop buttons

Author:
Lukas Müller

3 years ago

11.4k
Invoice template

Author:
Shakti

2 years ago

27.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components