Skip to content

Instantly share code, notes, and snippets.

View Tholkappiar's full-sized avatar

Tholkappiar Tholkappiar

  • Coimbatore , India
View GitHub Profile
@Tholkappiar
Tholkappiar / Events.js
Created May 6, 2024 06:26
A simpler responsive event card using React and TailwindCSS
const Events = () => {
return (
<div className="m-8 flex flex-col justify-center md:flex-row md:space-x-4 md:items-center">
<div className="size-32 md:size-28 border-blue-700 border-2 border-dashed text-white bg-blue-400 flex justify-center items-center flex-col">
<p className="font-bold text-4xl">06</p>
<p className="font-bold text-xl">MAY</p>
<p className="font-bold text-lg">2024</p>
</div>
<div className="md:w-6/12">
<div className="mb-2 flex flex-col justify-start items-start">