Blog styles

[Joe-Mwangi]

Have you read the contributing guidelines ?

What is the purpose of your pull request?

• Bug fix

• New feature

• Fixes blog content styles not working. #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.

Warning

Please read these points carefully and answer honestly with an X

into all the boxes. Example : [X]

Before submitting a pull request make sure you have:

• Read the guidelines for contributing.
• Wrote some tests.
• Respected the linting guidelines.

[vercel]

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]

there's a merge conflict in the offing here.

[sonylomo]

Hey @Joe-Mwangi 👋🏾

Are you still working on this?

[Joe-Mwangi]

Hey @Joe-Mwangi 👋🏾

Are you still working on this?

Yes am working on it. Thanks for the reminder

[JimmyTron]

LGTM 👌