issue #225, text and image align of hactober fest on html and css

Prajwal0225 · Oct 18, 2023 · 2d28460 · 2d28460
1 parent 6130e12
commit 2d28460
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 27 deletions.
diff --git a/about.html b/about.html
@@ -125,18 +125,16 @@ <h2>Is it free to use?</h2><br>
         </div>
 
         <div class="wr">
-            <p>
-                HACKTOBERFEST !!</br>
-                Hacktoberfest is DigitalOcean’s annual event that encourages people to contribute to open source
-                throughout October. Much of modern tech infrastructure-including some of DigitalOcean’s own
-                products-relies on open-source projects built and maintained by passionate people who often don’t have
-                the staff or budgets to do much more than keep the project alive. Hacktoberfest is all about giving back
-                to those projects, sharpening skills, and celebrating all things open source, especially the people that
-                make open source so special.
-                For the past 10 years, thousands of people-coders and non-coders alike-have participated in
-                Hacktoberfest to support the projects they use and love, learn and practice skills that will enhance
-                their careers, and meet new people who love open source as much as they do.
-              </p>
+            <p> HACKTOBERFEST!!</p>
+            <p>Hacktoberfest is DigitalOcean’s annual event that encourages people to contribute to open source
+              throughout October. Much of modern tech infrastructure-including some of DigitalOcean’s own
+              products-relies on open-source projects built and maintained by passionate people who often don’t have
+              the staff or budgets to do much more than keep the project alive. Hacktoberfest is all about giving back
+              to those projects, sharpening skills, and celebrating all things open source, especially the people that
+              make open source so special.
+              For the past 10 years, thousands of people-coders and non-coders alike-have participated in
+              Hacktoberfest to support the projects they use and love, learn and practice skills that will enhance
+              their careers, and meet new people who love open source as much as they do.</p>
         </div>
 
         <!-- main actions elements : end-->

diff --git a/abt.css b/abt.css
@@ -43,26 +43,21 @@ body {
 }
 
 .l-container {
-  max-width: 45%;
   max-width: 100%;
-  justify-content: center;
   display: flex;
   margin: 2rem 2rem;
   box-shadow: rgb(98, 13, 88) 0px 3px 30px;
   border-radius: 0.75rem;
   margin-left: 5%;
   margin-right: 5%;
-
+  padding: 30px;
 }
 
+
 .mainpic1 {
   width: 300%;
-  height: 85%;
-  margin-left: 20px;
-  margin-top: 20px;
-  margin-right: 30%;
-
-
+  height: auto;
+  margin: 0 auto;
 }
 
 .right-container {
@@ -83,15 +78,17 @@ body {
 
 }
 
-
-
 .wr>p{
-  margin-left: 3rem;
-  margin-right: 25px;
-  height: 50%;
+  font-weight: bold;
   color: white;
-  line-height: 28.5px;
+  padding: 10px;
+  transform: translateY(75px);
+}
 
+.wr p:nth-child(2) {
+  margin: auto;
+  line-height: 35px;
+  transform: translateY(150px);
 }
 
 .first-para>p{
@@ -172,6 +169,10 @@ body {
   padding-top: 6rem;
 }
 
+.head {
+  padding-bottom: 50px;
+}
+
 .head>p{
   color: rgb(211, 248, 5);
   padding:3rem;