UI Layout Bug: Overlapping Spacing Between Project Title and View Buttons on Submission Card.

[Rarejam]

Checks

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this issue follows the Bug: brief description of bug format, e.g. Bug: Lesson complete button does not update on click
• Would you like to work on this issue?

Bug description

After submitting a solution on the “Building Your Personal Website” lesson, the submitted project card displays a layout issue. The project title and the action buttons (“View code” and “Live preview”) are too close together, resulting in visual overlap or insufficient spacing. This affects readability and user experience.

How to reproduce

1. Navigate to: https://www.theodinproject.com/lessons/node-path-getting-hired-building-your-personal-website
2. Scroll to the “Your Solution” section.
3. Submit a project link.
4. Observe the spacing between the project title and the action buttons.

Expected behavior

1. Navigate to: https://www.theodinproject.com/lessons/node-path-getting-hired-building-your-personal-website
2. Scroll to the “Your Solution” section.
3. Submit a project link.
4. There should be sufficient margin or padding between the title and the buttons to ensure clear separation and proper alignment.

What browsers are you seeing the problem on?

Chrome

What OS are you using?

Windows

Discord Name

Rarejam

Additional Comments

This appears to be a CSS spacing or flexbox alignment issue in the submission card component.
A small margin or padding adjustment should resolve it.

[juliabush]

Hey I would happily work on this issue if possible!

[Rarejam]

Hey! sorry but I would also love to work on it.

[KevinMulhern]

Sorry for the delay on this. @Rarejam I've assigned it to you!

[Rarejam]

Okay! Will update soon. 🙂