Skip to content

Commit d2aed40

Browse files
b0aseclaude
andcommitted
Make educational proposal page full width
- Remove max-width constraint (800px -> 100%) - Improve feature grid layout for wider screens - Increase grid max-width to 1400px with auto margins - Better spacing and responsive design 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <[email protected]>
1 parent 2d77dea commit d2aed40

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

frontend/src/pages/EducationalProposalPage.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,9 @@ const EducationalProposalPage: React.FC = () => {
1818
<div className="educational-proposal-page">
1919
<style>{`
2020
.educational-proposal-page {
21-
max-width: 800px;
22-
margin: 0 auto;
23-
padding: 20px;
21+
max-width: 100%;
22+
margin: 0;
23+
padding: 40px 20px;
2424
line-height: 1.6;
2525
color: #ffffff;
2626
background: #000000;
@@ -41,9 +41,12 @@ const EducationalProposalPage: React.FC = () => {
4141
4242
.feature-grid {
4343
display: grid;
44-
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
45-
gap: 20px;
46-
margin: 20px 0;
44+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
45+
gap: 32px;
46+
margin: 40px 0;
47+
max-width: 1400px;
48+
margin-left: auto;
49+
margin-right: auto;
4750
}
4851
4952
.feature-box {

0 commit comments

Comments
 (0)