theodinproject
theodinproject copied to clipboard
TheOdinProject
UI Layout Bug: Overlapping Spacing Between Project Title and View Buttons on Submission Card.
Checks
- [x] I have thoroughly read and understand The Odin Project Contributing Guide
- [x] The title of this issue follows the
Bug: brief description of bugformat, e.g.Bug: Lesson complete button does not update on click - [x] 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
- Navigate to: https://www.theodinproject.com/lessons/node-path-getting-hired-building-your-personal-website
- Scroll to the “Your Solution” section.
- Submit a project link.
- Observe the spacing between the project title and the action buttons.
Expected behavior
- Navigate to: https://www.theodinproject.com/lessons/node-path-getting-hired-building-your-personal-website
- Scroll to the “Your Solution” section.
- Submit a project link.
- 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.
