Blog Component design

[Souvikns]

Detailed description

In the last PR #332, I added support blogs to our website. I used MDX and now we need to style the markdown components to look good with our theme.

Context

I have designed some, but most are still not designed.

Possible implementation

To design the MDX components we just have to update or create new markdown components -

Tech-Phantoms/components/MDX.tsx

Lines 14 to 24 in e60e6c1

	const getMDXComponents = () => {
	return {
	h1: (props) => (
	<h1
	{...props}
	className={`${
	props.className || ""
	} my-4 font-heading antialiased font-semibold tracking-heading text-2xl ${textStyle}`}
	/>
	),
	h2: (props) => (

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct