🐛 The rendering is misaligned when the shortcode github is under the timelineItem

[eallion]

Describe the bug

The rendering is misaligned when the shortcode github is under the timelineItem

{{< timeline >}}

{{< timelineItem icon="hugo" header="Blowfish" badge="Apr 10, 2024" >}}
Hugo <code><a href="https://github.com/nunocoracao/blowfish" target="_blank" rel="noopener noreferrer">blowfish</a></code>
{{< github repo="nunocoracao/blowfish" >}}
{{< /timelineItem >}}

{{< /timeline >}}

To Reproduce
Steps to reproduce the behavior:

1. Add this:

{{< timeline >}}

{{< timelineItem icon="hugo" header="Blowfish" badge="Apr 10, 2024" >}}
Hugo <code><a href="https://github.com/nunocoracao/blowfish" target="_blank" rel="noopener noreferrer">blowfish</a></code>
{{< github repo="nunocoracao/blowfish" >}}
{{< /timelineItem >}}

{{< /timeline >}}

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

Desktop (please complete the following information):

• OS: [Windows11]
• Browser [Chrome]
• Version [123.0.6312.106]

Hugo & Blowfish versions
All latest

Additional context

[nunocoracao]

This seems related to #864
I wonder if there is something weird happening within those divs. Need to investigate

[eallion]

Thanks for you attention.
And markdown cannot be parsed in timelineItem.

[eallion]

@nunocoracao Hi there, Maybe flex-start is not defined.
https://github.com/nunocoracao/blowfish/blob/main/layouts/shortcodes/timelineItem.html#L7

[eallion]

Thanks!