UI Improvements for Blind Coding Website

**Issue Title:** UI Improvements for Equal Split Layout in Blind Coding Website

**Description:**
Currently, the UI layout may not provide an optimal experience for users. To improve usability, the webpage should be divided into two equal halves:
- **Left Side:** Displays the reference image or code snippet clearly.
- **Right Side:** Contains the blind coding area with a structured layout for user input.

### **Requirements:**
- Ensure both halves are of equal width for a balanced look.
- Improve responsiveness to maintain a proper split across different screen sizes.
- Align elements properly for a clean and intuitive interface.
- Optimize text visibility and spacing to enhance user experience.

### **Expected Outcome:**
A well-structured, visually balanced UI that makes the coding challenge easy and intuitive for users.

The issue names no files or tests; first locate the page entry point and stylesheet that render the reference area and blind coding area. Compare the current layout at different screen sizes, then verify that the two sides remain equal, readable, aligned, and responsive.

Written by the indexing model from the issue text.