[FEAT] External Dynamic Pages > Blog Post header

[kleenpulse]

Description

Develop a reusable Blog Post Header component. This component will be used at the top of individual blog post pages. The Blog Post Header should be visually appealing, responsive, and should include the following elements:

Acceptance Criteria

• Implementation must be responsive
• All buttons should be functional
• Implementation must be pixel perfect

Requirements

The component should receive the following props:

• Title
• Subtitle
• Date
• Author name
• Author profile picture
• Tag
• Time of reading
• Blog Image (background image or main image)
• Excerpt

Testing

• Ensure the component is responsive and renders correctly with all required elements
• Check that the component handles any length of texts (long titles, missing images) no weird layout shifts.

Tasks

• [ ] Develop the Blog Post Header component based on the provided requirements.
• [ ] Design should be responsive on all screens.
• [ ] Run tests to ensure the component works as expected.
• [ ] the component should receive props as described above under requirements.

Link

FIGMA LINK.

[JulianaSau]

Design both portrait and landscape versions.

This statement has such a wide interpretation. It should be responsive across all screens. The component should also receive props concerning number of comments and likes Also, your figma link should lead to the exact component being designed. Update it

[kleenpulse]

@JulianaSau fixed

[SheCode287]

is anyone working on this?

[kingstech001]

yes

[kingstech001]

I'm working on it

[SheCode287]

cool

[Cerr1738]

why was i unassigned?

[JulianaSau]

this is on a first come first serve basis @kingstech001 was the first so by that logic he should be the only one working on this issue. The rest of you find something else to do

[kingstech001]

@JulianaSau thank you

[kingstech001]

please check this figma link it is not what was seen in it that I'm seeing now

[kingstech001]

@kleenpulse check this figma link again please

[kingstech001]

@JulianaSau please check that figma link the issue I'm working on is not in it