From 6860be569901fb921d854fd5a2796c7430ef7788 Mon Sep 17 00:00:00 2001 From: Anushka Sarkar Date: Fri, 19 Sep 2025 13:24:31 +0530 Subject: [PATCH 1/2] Blog Write Center Aligned --- blogWrite.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/blogWrite.html b/blogWrite.html index ee6ee3f..5929c1b 100644 --- a/blogWrite.html +++ b/blogWrite.html @@ -181,6 +181,14 @@ /* Layout */ .writing-layout { display: grid; + .blog-form-wrapper { + max-width: 800px; /* set desired width */ + margin: 0 auto; /* center horizontally */ + width: 100%; /* allow responsive shrink */ +} + +} + grid-template-columns: 1fr 400px; gap: 30px; align-items: start; From 07fa5e994b74948ac48cd4e212cfdf2b3cd7ce06 Mon Sep 17 00:00:00 2001 From: Anushka Sarkar Date: Fri, 19 Sep 2025 13:42:16 +0530 Subject: [PATCH 2/2] Centre aligned blogwrite --- blogWrite.html | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/blogWrite.html b/blogWrite.html index 5929c1b..9b43e54 100644 --- a/blogWrite.html +++ b/blogWrite.html @@ -180,20 +180,19 @@ /* Layout */ .writing-layout { - display: grid; - .blog-form-wrapper { - max-width: 800px; /* set desired width */ - margin: 0 auto; /* center horizontally */ - width: 100%; /* allow responsive shrink */ + background: #ffffff; /* white background for the blog section */ } +.blog-form-wrapper { + background: #ffffff; /* keep form white */ + max-width: 800px; + margin: 0 auto; + width: 100%; + padding: 20px; /* optional, adds spacing inside */ + border-radius: 8px; /* optional, keeps smooth corners */ + box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* optional, adds subtle depth */ } - grid-template-columns: 1fr 400px; - gap: 30px; - align-items: start; - } - /* Form Section */ .form-section { background: rgba(255, 255, 255, 0.95);