[FEAT] External Dynamic Pages > Blog Post body/content

[kleenpulse]

Description

Develop a reusable Blog Post Body component. This component will be used to display the main content of individual blog posts. The Blog Post Body should be responsive, and should include the following elements:

Acceptance Criteria

• The Blog Post Body component is implemented according to the design.
• The component should be fully responsive and look good on all screen sizes.
• Ensure accessibility standards are met, including appropriate alt text for images, proper semantic HTML, and readable text.

Requirements

The component should receive the following props:

• Main content

  If available:

• Images (with captions)
• Embedded media (videos, tweets, etc.)
• Code snippets (with syntax highlighting)
• Blockquotes
• Links (internal and external)

Testing

• Ensure the component renders correctly with all required elements.
• Check that the component handles different types of content (long text, multiple images, missing media).
• If available, Verify that code snippets are displayed with proper syntax highlighting.

Tasks

• [ ] Develop the Blog Post Body component based on the provided requirements.
• [ ] Test the component for responsiveness and accessibility.
• [ ] Make sure you utilize semantic tags

LINKS

FIGMA LINK.

[abiona01]

The figma lin should go to the actual component

[kleenpulse]

@abiona01 fixed