Home
Maxim
images

images

This tailwind example is contributed by Maxim, on 31-Jan-2024. Component is made with Tailwind CSS v3. It is responsive.

Banner

Author Maxim

2.1k

9

Fork Fullscreen

<div class="grid lg:grid-cols-2 gap-3">
	  <div class="grid grid-cols-2 lg:grid-cols-1 gap-3">
		<figure class="relative w-full h-60">
		  <img class="w-full h-full absolute top-0 start-0 object-cover rounded-xl" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Image Description">
		</figure>
		<figure class="relative w-full h-60">
		  <img class="w-full h-full absolute top-0 start-0 object-cover rounded-xl" src="https://images.unsplash.com/photo-1671726203638-83742a2721a1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="Image Description">
		</figure>
	  </div>
	  <figure class="relative w-full h-72 sm:h-96 lg:h-full">
		<img class="w-full h-full absolute top-0 start-0 object-cover rounded-xl" src="https://images.unsplash.com/photo-1671726203394-491c8b574a0a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" alt="Image Description">
	  </figure>
	</div>

Related Examples

Welcome banner for developers portfolio
A hero section welcoming visitors to a portfolio or website. It features a large, visually appealing title and an image.

Author:
Vikram Choudhary

1 year ago

8.6k
Black friday sale / deal banner

Author:
Conan Hilton

1 year ago

9k
cards
cards slices

Author:
Anonymous

1 year ago

5.5k
CTA banner
Capture the attention of the user with full-width CTA Section

Author:
Anonymous

11 months ago

3.2k
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card

Author:
Samuel Abera

9 months ago

2.7k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

7 months ago

1.2k
Call to Action Box

Author:
Aitrik Saha

1 day ago

24
Modern SAAS HERO Section
A hero section for your SAAS application

Author:
Emdadul Islam

7 months ago

1.2k
Portfolio

Author:
Aitrik Saha

3 days ago

46
Thankyou Card

Author:
Samuel Abera

7 months ago

3.6k
Promotional sticky top section

Author:
Leon Bachmann

2 years ago

10.6k
Promotional notification
sticky bottom promotional banner

Author:
Laurits

2 years ago

9.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1