04-chaining-selectors: Solution using aspect-ratio

[vivekmaru36]

Because

This change adds the solution for the “Chaining Selectors” CSS exercise using the aspect-ratio property. It helps learners understand how to combine multiple CSS selectors effectively while maintaining consistent element proportions.

This PR

• Adds CSS solution demonstrating chaining of selectors.
• Uses the aspect-ratio property to make elements maintain their proportions.
• Updates the relevant HTML/CSS files to match the Desired Outcome image.
• Ensures the solution is clean, readable, and follows best practices.

Issue

N/A

Additional Information

N/A

Pull Request Requirements

• I have thoroughly read and understand The Odin Project Contributing Guide
• The title of this PR follows the location of change: brief description of change format, e.g. 01-flex-center: Update self check
• The Because section summarizes the reason for this PR
• The This PR section has a bullet point list describing the changes in this PR
• If this PR addresses an open issue, it is linked in the Issue section
• If applicable, I have ensured that the TOP solution files match the Desired Outcome image

[mao-sz]

Closing as the provided solutions are purely examples and not intended as comprehensive demonstrations of all possible ways, and there isn't a significant reason for the current example to need the be changed. In the future, as per our contributing guide, if you have an idea like this you wish to propose with a clear layout of the problem to be solved, please open an issue rather than a PR.