Fixed issue

index.jsx

export default function Home() {
	return (
		<div>
			<div className="relative items-center justify-center">
				<h1 className="p-4 text-2xl font-bold text-center text-gray-400 bg-gray-800">
					Choose Your Next Adventure
				</h1>
				All
				<div className="container items-center mx-auto my-auto lg:flex">
					<div className="mx-8 my-12 bg-white rounded-lg shadow-md lg:m-4 hover:shadow-lg hover:bg-gray-100">
						<img
							src="https://picsum.photos/id/29/2106/1404"
							alt=""
							className="overflow-hidden"
						/>

						<div className="p-4">
							<h3 className="my-2 text-lg font-medium text-gray-600 uppercase">
								Climb the Mountains
							</h3>
							<p className="text-justify">
								The be might what days revellers, which sought to a nor. Land from
								to suits his some. Saw him counsel begun mother though but. Ofttimes
								soils of since mighty pollution.
							</p>
							<div className="mt-5">
								<a
									href=""
									className="px-3 py-2 font-semibold text-gray-100 bg-gray-400 rounded-full hover:bg-gray-700 hover:text-white"
								>
									Read More
								</a>
							</div>
						</div>
					</div>

					<div className="mx-8 my-12 bg-white rounded-lg shadow-md lg:m-4 hover:shadow-lg hover:bg-gray-100">
						<img
							src="https://picsum.photos/id/247/2106/1404"
							alt=""
							className="overflow-hidden"
						/>

						<div className="p-4">
							<h3 className="my-2 text-lg font-medium text-gray-600 uppercase">
								Explore the Desert
							</h3>
							<p className="text-justify">
								Rapping wind chamber have was has, is all of thy stood chamber his
								bore. Nameless or as door tapping both thy grew lenore. We my still
								respiterespite lie, with lordly.
							</p>
							<div className="mt-5">
								<a
									href=""
									className="px-3 py-2 font-semibold text-gray-100 bg-gray-400 rounded-full hover:bg-gray-700 hover:text-white"
								>
									Read More
								</a>
							</div>
						</div>
					</div>

					<div className="mx-8 my-12 bg-white rounded-lg shadow-md lg:m-4 hover:shadow-lg hover:bg-gray-100">
						<img
							src="https://picsum.photos/id/342/2106/1404"
							alt=""
							className="overflow-hidden"
						/>

						<div className="p-4">
							<h3 className="my-2 text-lg font-medium text-gray-600 uppercase">
								Tour the City
							</h3>
							<p className="text-justify">
								Upon but that objects tis sore would what. Who formed in coffined
								heartless shades, there mine was heart vast flaunting he low relief
								uncouth, dear and and but suffice ofttimes.
							</p>
							<div className="mt-5">
								<a
									href=""
									className="px-3 py-2 font-semibold text-gray-100 bg-gray-400 rounded-full hover:bg-gray-700 hover:text-white"
								>
									Read More
								</a>
							</div>
						</div>
					</div>
				</div>
				<div className="bottom-0 mt-10 text-center">
					<h4 className="text-sm font-semibold text-gray-600 "> &COPY; 2021 CORE-UI</h4>
				</div>
			</div>
		</div>
	)
}