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

3k

10

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

10k
Black friday sale / deal banner

Author:
Conan Hilton

2 years ago

10k
cards
cards slices

Author:
Anonymous

1 year ago

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

Author:
Anonymous

1 year ago

4.3k
Acode Master
Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

629
Grid
Grid Grid-Cards

Author:
sardorazimov2901

1 year ago

1.8k
Clone of LinkedIn Questionnaire Card
Clone of LinkedIn Questionnaire Card

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

3.6k
Banner with Form

Author:
Aitrik Saha

7 months ago

1.1k
Portfolio

Author:
Aitrik Saha

7 months ago

806
Banner - Hero - Splash Section

Author:
ABDO-SY

6 months ago

726
SocialSphere: A Full-Stack Social Media Platform
SocialSphere is a full-stack social media platform inspired by Facebook, built using HTML CSS

Author:
Code Master(Mfuranziza Dusabe Hamza)

3 months ago

441
Hero

Author:
ORGIN_DREAMS

3 months ago

420

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ 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 Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.1