First Blog

September 04, 2021 / 2 min read / - views​
Banner

Table of Contents

  1. Overview
  2. Test Code
  3. Test CSS Code

Overview

Hello Everyone, this is my first blog and I am just trying to test all the features to check if everything is working

Test Code

Testing if the prism does it's work or not with js code

const Blog = ({ posts }) => (
	<Container
		title='Blog | Nitesh Seram'
		description='A small digital corner sharing my thoughts, learning, and random things'
	>
		<Box maxW={{ base: '100%', sm: '30rem', md: '42rem' }}>
			<Heading as='h2' variant='h2' mt='2rem' mb='2rem'>
				Blog
			</Heading>
			<Text>
				A small digital corner where I would be sharing my thoughts, learning,
				and some random things.😅
			</Text>
			<List mt={5}>
				{posts.map((post, index) => (
					<ListItem key={index}>
						<BlogCard post={post} />
					</ListItem>
				))}
			</List>
		</Box>
	</Container>
)

Test CSS Code

Testing if the prism does it's work or not with css code

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: optional;
	src: url(/fonts/inter-var-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
html,
body {
	padding: 0;
	margin: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

Thank You! 👋🏻