Historical Events

March

Discover 33 significant historical events from March 1946 to 2023, featuring battles, discoveries, and cultural milestones that shaped our world.

Browse Events by Month

January February March April May June July August September October November December
March 1 4 events

1999 World Single Distance Speed Skating Championships

1999

1998 World Single Distance Speed Skating Championships

1998

1997 World Single Distance Speed Skating Championships

1997
March 2

No events recorded

March 3 1 events

Eurovision Song Contest 1957

1957
March 4

No events recorded

March 5

No events recorded

March 6

No events recorded

March 7 1 events

2009 Monte Paschi Strade Bianche - Eroica Toscana

2009
March 8 1 events

Malaysia Airlines Flight 370

2014
March 9

No events recorded

March 10

No events recorded

March 11 2 events

Eurovision Song Contest 1959

1959

2011 The Great East (tohoku) earthquake and tsunami

2011
March 12 2 events

Eurovision Song Contest 1958

1958

Germany in the Eurovision Song Contest 2010

2010
March 13

No events recorded

March 14

No events recorded

March 15

No events recorded

March 16 1 events

1990 African Cup of Nations Final

1990
March 17

No events recorded

March 18 3 events

2006 Milan – San Remo

2006

Eurovision Song Contest 1961

1961

Eurovision Song Contest 1962

1962
March 19

No events recorded

March 20 1 events

Eurovision Song Contest 1965

1965
March 21 2 events

Eurovision Song Contest 1964

1964

1986 African Cup of Nations Final

1986
March 22 2 events

2008 Milan – San Remo

2008

1980 African Cup of Nations Final

1980
March 23 3 events

2023 Classic Brugge–De Panne Women

2023

Eurovision Song Contest 1963

1963

Carcassonne and Trèbes attack

2018
March 24 1 events

March for Our Lives

2018
March 25

No events recorded

March 26

No events recorded

March 27 2 events

Tenerife airport disaster

1977

1988 African Cup of Nations Final

1988
March 28

No events recorded

March 29 3 events

Eurovision Song Contest 1969

1969

Eurovision Song Contest 1960

1960

2008 Coupe de la Ligue Final

2008
March 30 1 events

2019 Coupe de la Ligue Final

2019
March 31 3 events

Chinese Civil War

1946

2018 Coupe de la Ligue Final

2018

2007 Coupe de la Ligue Final

2007
Historical Events in March <meta name="description" content="Browse historical events that occurred in March"> <meta name="keywords"> <link rel="canonical" href="https://whatdateis.today/events/on-this-month/march/"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script> function openModal(dateId) { document.getElementById('modal-' + dateId).classList.remove('hidden'); document.body.style.overflow = 'hidden'; } function closeModal(dateId) { document.getElementById('modal-' + dateId).classList.add('hidden'); document.body.style.overflow = 'auto'; } // Close modal when clicking outside window.onclick = function(event) { if (event.target.classList.contains('modal-backdrop')) { event.target.classList.add('hidden'); document.body.style.overflow = 'auto'; } } // Close modal on escape key document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { document.querySelectorAll('.modal-backdrop').forEach(modal => { modal.classList.add('hidden'); document.body.style.overflow = 'auto'; }); } }); </script> <div class="bg-gradient-to-b from-blue-50 to-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <!-- Header --> <div class="text-center mb-12"> <h1 class="text-4xl sm:text-5xl font-bold mb-6 text-gray-900">Historical Events</h1> <p class="text-2xl font-medium text-blue-600 mb-4">March</p> <p class="text-xl text-gray-600"> Discover 33 significant historical events from March 1946 to 2023, featuring battles, discoveries, and cultural milestones that shaped our world. </p> </div> <!-- Month Navigation --> <div class="mb-12"> <div class="bg-white rounded-xl shadow-sm p-6"> <h2 class="text-xl font-semibold mb-4">Browse Events by Month</h2> <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3"> <a href="/events/on-this-month/january" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> January </a><a href="/events/on-this-month/february" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> February </a><a href="/events/on-this-month/march" class="px-4 py-3 rounded-lg text-center transition-colors bg-blue-600 text-white font-medium"> March </a><a href="/events/on-this-month/april" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> April </a><a href="/events/on-this-month/may" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> May </a><a href="/events/on-this-month/june" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> June </a><a href="/events/on-this-month/july" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> July </a><a href="/events/on-this-month/august" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> August </a><a href="/events/on-this-month/september" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> September </a><a href="/events/on-this-month/october" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> October </a><a href="/events/on-this-month/november" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> November </a><a href="/events/on-this-month/december" class="px-4 py-3 rounded-lg text-center transition-colors bg-gray-50 text-gray-700 hover:bg-gray-100"> December </a> </div> </div> </div> <!-- Calendar Grid --> <div class="bg-white rounded-xl shadow-sm p-6"> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4"> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 1 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 4 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1999 World Single Distance Speed Skating Championships</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1999 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1998 World Single Distance Speed Skating Championships</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1998 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1997 World Single Distance Speed Skating Championships</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1997 </span> </div> <div class="mt-2 space-y-1"> </div> </div> <button onclick="openModal('march-1')" class="w-full mt-2 px-4 py-2 bg-blue-50 text-blue-600 rounded-lg text-sm font-medium hover:bg-blue-100 transition-colors"> View all 4 events </button> </div> </div> <div id="modal-march-1" class="modal-backdrop hidden fixed inset-0 bg-black bg-opacity-50 z-50 overflow-y-auto p-4"> <div class="min-h-screen flex items-center justify-center"> <div class="bg-white rounded-xl max-w-3xl w-full max-h-[90vh] overflow-hidden relative"> <div class="p-6 border-b border-gray-200"> <div class="flex items-center justify-between"> <h2 class="text-2xl font-bold text-gray-900"> Events on March 1 </h2> <button onclick="closeModal('march-1')" class="text-gray-400 hover:text-gray-500"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div class="p-6 overflow-y-auto max-h-[calc(90vh-120px)]"> <div class="space-y-4"> <div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">1999 World Single Distance Speed Skating Championships</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1999 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">1998 World Single Distance Speed Skating Championships</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1998 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">1997 World Single Distance Speed Skating Championships</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 1997 </span> </div> </div><div class="bg-gray-50 rounded-lg p-4"> <div class="flex items-center justify-between gap-4 mb-2"> <h3 class="font-medium text-gray-900 text-lg">2006 World Allround Speed Skating Championships</h3> <span class="text-sm font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> </div> </div> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 2 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 3 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1957</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1957 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 4 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 5 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 6 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 7 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2009 Monte Paschi Strade Bianche - Eroica Toscana</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2009 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 8 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Malaysia Airlines Flight 370</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2014 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 9 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 10 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 11 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1959</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1959 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2011 The Great East (tohoku) earthquake and tsunami</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2011 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 12 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1958</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1958 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Germany in the Eurovision Song Contest 2010</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2010 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 13 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 14 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 15 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 16 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1990 African Cup of Nations Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1990 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 17 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 18 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2006 Milan – San Remo</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2006 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1961</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1961 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1962</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1962 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 19 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 20 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1965</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1965 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 21 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1964</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1964 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1986 African Cup of Nations Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1986 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 22 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2008 Milan – San Remo</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2008 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1980 African Cup of Nations Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1980 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 23 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2023 Classic Brugge–De Panne Women</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2023 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1963</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1963 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Carcassonne and Trèbes attack</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2018 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 24 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">March for Our Lives</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2018 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 25 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 26 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 27 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 2 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Tenerife airport disaster</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1977 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">1988 African Cup of Nations Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1988 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 opacity-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 28 </span> </div> <p class="text-sm text-gray-500">No events recorded</p> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 29 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1969</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1969 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Eurovision Song Contest 1960</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1960 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2008 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2008 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 30 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 1 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2019 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2019 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> <div class=" block p-4 rounded-lg border transition-all border-gray-200 bg-gray-50 "> <div class="flex items-center justify-between mb-2"> <span class="text-lg font-semibold text-gray-900"> March 31 </span> <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded"> 3 events </span> </div> <div class="space-y-2"> <div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">Chinese Civil War</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 1946 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2018 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2018 </span> </div> <div class="mt-2 space-y-1"> </div> </div><div class="bg-white rounded-lg p-3 shadow-sm"> <div class="flex items-center justify-between gap-2 mb-1"> <h3 class="font-medium text-gray-900 text-sm line-clamp-2">2007 Coupe de la Ligue Final</h3> <span class="text-xs font-medium text-gray-500 whitespace-nowrap"> 2007 </span> </div> <div class="mt-2 space-y-1"> </div> </div> </div> </div> </div> </div> </div> </div>