diff --git a/assets/css/custom.css b/assets/css/custom.css index 926fa5e..81775b7 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,14 +1,19 @@ .section-title { - border: 2px solid red; /* Keep this for now as a visual indicator */ + border: 2px solid red; /* We'll keep this for now as a visual indicator */ padding: 5px; margin-bottom: 10px; position: relative; - left: -100px; /* Move slightly to the left */ - width: 200px; /* Give it a fixed width */ - text-align: right; /* Align text to the right */ + left: -220px; /* Move further to the left */ + width: 200px; /* Keep the width the same */ + text-align: right; /* Keep text aligned to the right */ } -/* Add some margin to the content to prevent overlap */ +/* Adjust the margin for the content to prevent overlap */ .section-title + * { - margin-left: 110px; /* Slightly more than the 'left' value above */ + margin-left: 20px; /* Reduce this to bring content closer to the left edge */ +} + +/* Ensure the parent container has enough padding to show the titles */ +.section-title:not(:first-child) { + padding-left: 220px; /* Should match the absolute value of 'left' above */ } \ No newline at end of file