File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 3939 list-style-type : none ;
4040 }
4141}
42-
43-
44- /* ============================================
45- Custom Layout Override: Center Main Content
46- Applied to Jekyll + Minimal Mistakes Theme
47- Author: Hanlin Cai
48- ============================================ */
49-
50- /* Desktop and Tablet Viewports */
51- .page {
52- max-width : 900px ; // Limit content width for readability
53- margin-left : auto ; // Center horizontally
54- margin-right : auto ;
55- float : none ; // Reset any floating that may cause layout issues
56- padding : 1.5em 1em ; // Add horizontal and vertical padding for breathing space
57- box-sizing : border-box ; // Ensure padding does not affect width
58- }
59-
60- /* Outer wrapper (if used by theme) */
61- .wrapper {
62- margin-left : auto !important ;
63- margin-right : auto !important ;
64- float : none ;
65- box-sizing : border-box ;
66- }
67-
68- /* Optional: Center other major layout blocks */
69- .main , .content , .post , .page-content {
70- margin-left : auto ;
71- margin-right : auto ;
72- float : none ;
73- box-sizing : border-box ;
74- }
75-
76- /* Responsive Adjustment for Small Screens */
77- @media screen and (max-width : 768px ) {
78- .page {
79- max-width : 95% ; // Use almost full width on small screens
80- padding : 1em ;
81- }
82-
83- .wrapper {
84- max-width : 100% ;
85- padding : 0 1em ;
86- }
87- }
You can’t perform that action at this time.
0 commit comments