First Blog

Nitesh Seram

Nitesh Seram / September 04, 2021

Timelapse2 min read

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

sample.js
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

styles.css
@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! 👋🏻