Home
_Amar_
Responsive Grid with Featured image

Responsive Grid with Featured image

This tailwind example is contributed by _Amar_, on 03-Jul-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Article Card, Blog page card, Article card

Card Grid Blog Card

Author _Amar_

12.3k

Fork Fullscreen

<h1 class="mx-auto mb-8 text-2xl font-semibold leading-none tracking-tighter text-neutral-600 lg:text-3xl">Short headline.</h1>
                <p class="mx-auto text-base leading-relaxed text-gray-500">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>                <div class="mt-4">
                    <a href="#" class="inline-flex items-center mt-4 font-semibold text-blue-600 lg:mb-0 hover:text-neutral-600" title="read more"> Read More » </a>
                </div>
            </div>
            <div class="p-6">
                <img class="object-cover object-center w-full mb-8 lg:h-48 md:h-36 rounded-xl" src="https://via.placeholder.com/150" alt="blog">

Related Examples

Card grid section
Display article/blog grid

Author:
Mr Robot

2 years ago

28.8k
Tailwind responsive card grid

Author:
Piet Vriend

2 years ago

10.7k
Card grid for blog Posts / Articles

Author:
Abhijit Sen

2 years ago

23.8k
Responsive card grid
responsive card grid for articles

Author:
Mr Robot

2 years ago

15.4k
Responsive Article Section

Author:
Prashant

3 years ago

16.3k
Card grid for posts

Author:
Mr Robot

2 years ago

22.3k
Responsive products grid
Responsive product card grid using tailwind CSS.

Author:
Arya

3 years ago

44k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
Amit Pachange

3 years ago

51.7k
Blog post cards
responsive blog post cards

Author:
Mr Robot

2 years ago

12.2k
Tailwind image gallery
Responsive grid with evenly spaced image cards. Each card has a title label at the bottom, and there's a subtle hover effect for interactive engagement.

Author:
Alok

2 years ago

60.3k
Products card grid
Example of product card grid with product image and pricing

Author:
Noob

3 years ago

23.6k
Responsive Feature Card

Author:
Gopi Yadav

3 years ago

13.3k
Product card

Author:
Simon Scheffer

2 years ago

30.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components