blog section attempted raw

nuhainul · Jan 16, 2024 · 7821e1e · 7821e1e
1 parent d5b7283
commit 7821e1e
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 496 deletions.
diff --git a/choose-us.html b/choose-us.html
diff --git a/css/responsive.css b/css/responsive.css
@@ -260,9 +260,8 @@
 
     /* unique section starts */
     .blog {
-        margin-top: 24px;
-        padding-left: 10px;
-        padding-right: 10px;
+        margin: 50px auto;
+        width: 474px;
     }
 
 

diff --git a/css/styles.css b/css/styles.css
@@ -278,8 +278,8 @@ body {
     padding: 10px;
     color: #fff;
     font-size: 28px;
-font-style: normal;
-font-weight: 800;
+    font-style: normal;
+    font-weight: 800;
 }
 
 /* < !-- why choose us starts --> */
@@ -372,13 +372,13 @@ font-weight: 800;
 /* < !-- 2 optional sections: deals & discounts, simple perfect place --> */
 
 /* <!-- newsletter section starts --> */
-.newsletter {  
+.newsletter {
     max-width: 1170px;
     /* border: 2px solid blue;  */
     margin: 54px auto;
 }
 
-.newsletter-container{
+.newsletter-container {
     display: flex;
     /* margin: 50px auto;
     padding: 10px; */
@@ -404,10 +404,13 @@ font-weight: 800;
     justify-content: center;
     align-items: center;
 }
-.newsletter-form-wraper h3, .newsletter-form-wraper p {
+
+.newsletter-form-wraper h3,
+.newsletter-form-wraper p {
     padding-left: 10px;
     text-align: left;
 }
+
 .newsletter-form-wraper h3 {
     font-size: 24px;
     font-style: normal;
@@ -513,7 +516,7 @@ font-weight: 800;
     /* padding-top: auto; */
 }
 
-.nl-discount-box p{
+.nl-discount-box p {
     padding-top: 10px;
 }
 
@@ -535,22 +538,33 @@ font-weight: 800;
     font-weight: 800;
     /* line-height: normal; */
 }
+
 /* <!-- newsletter section ends --> */
 
 /* main ends */
 
 /* unique section starts */
 .blog {
-    margin-top: 100px;
-    /* margin-left: auto;
-    margin-bottom: auto; */
-    /* padding: auto; */
+    margin: 50px auto;
+    max-width: 1170px;
 }
 
+.blog-container {
+    padding: 20px;
+    border-radius: 8px;
+    border: 2px solid rebeccapurple;
+}
+
+.b-title {}
+
+.b-postcard-holder {}
+
+.post-1 {}
+
 /* footer */
 .footer {
     background: rgba(19, 19, 24, 0.05);
-    margin-top: 100px;
+    margin-top: 50px;
     width: 100%;
 }
 
@@ -559,8 +573,6 @@ font-weight: 800;
     text-align: center;
 }
 
-.footer-tile {}
-
 .footer-h3 {
     display: inline-flex;
     align-items: center;