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.7k

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.7k
News feed

Author:
Bunny

2 years ago

13.5k
Show user details

Author:
Lucas Martinez

2 years ago

25.3k
Chat template
fullscreen chat template suitable for mobile devices

Author:
Manon Daniel

2 years ago

17.6k
Fancy underline

Author:
Simon Scheffer

2 years ago

12.4k
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

20.9k
simple responsive blog layout with sidebar

Author:
Isabella Kowalski

2 years ago

9.5k
Date picker
Date picker example using flatpickr library

Author:
Lîmåã M

2 years ago

17.1k
rotate card
rotate card

Author:
Tanvir Hasan Bappy (Tanvir)

1 year ago

1.7k
Features Component

Author:
KULDEEP

5 months ago

946
Tailwind invoice example

Author:
Elijah Davis

2 years ago

19k
Clean AI Chat UI with Tailwind CSS – ChatGPT-Style Interface
A polished and responsive AI chat interface built using modern Web Components and Tailwind CSS. This UI replicates the smooth, minimal experience of ChatGPT with a clean layout, floating input bar, animated scrollable message feed, and mock AI responses. Ideal for SaaS dashboards, AI assistants, or frontend prototypes. Designed with professional spacing, accessible colors, and reusable components. Key features: Responsive layout with mobile support Floating input bar with auto-expanding textarea Tailwind-powered message bubbles with clear sender roles Modern dark theme with subtle gradients and shadows Easily extendable to real AI APIs (e.g., OpenAI)

Author:
Ayyamperumal S

7 months ago

1.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components