Hi Jaseera 👋🏻
- Centering
I noticed that you've vertically centered the component using margin-top: 50%;
on line :12 in your blog-preview-card/src/components/BlogPreviewCard.css
file.
Here's an alternative that I personally use with all my projects at present:
- Alternative
:root {
width: 100%;
height: 100%;
}
body {
width: inherit;
height: inherit;
display: grid;
place-content: center;
}
Feel free to check it out and incorporate it into your own if you like it 🙌🏻
Marked as helpful