What is the purpose of your pull request?

Fixes #195
Proposed changes
Replaced predefined CSS classes for blog content styling with Tailwind CSS Typography classes.
This change ensures consistent and responsive typography styling across the blog content.
I also updated the useEffect hook in the BlogBody component to set the innerHTML of the blog content container directly instead of appending to it, which prevents duplicate content from being rendered when the blogBody prop changes.
Styling the First Letter: The first letter of each blog post is now styled to be bold and capitalized
Changing Text Color to Darker Shade for better readability and consistency across all blog posts.

Issues I Encountered.

HTML Structure Variations from Content Editors: Some blog content uses incorrect HTML tags for formatting. For example: <p> tags are being used for headings instead of semantic tags like <h2> <h3> etc. blog. Which leads to Tailwind’s typography classes (prose) not being fully effective, as they rely on proper HTML semantics.
Global Font Family Override: * { font-family: "Poppins", sans-serif; } applies the "Poppins" font family to all elements, including blog content. Even when the prose classes are applied, making the blog body look more bold.

into all the boxes. Example : [X]

Before submitting a pull request make sure you have:

vercel[bot] commented 5 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
syt-web-redesign	❌ Failed (Inspect)			Sep 17, 2024 4:45pm

JimmyTron commented 4 months ago

there's a merge conflict in the offing here.

sonylomo commented 3 months ago

Hey @Joe-Mwangi 👋🏾

Are you still working on this?

bugswritter commented 3 months ago

Hey @Joe-Mwangi 👋🏾

Are you still working on this?

Yes am working on it. Thanks for the reminder