Update media-quary.css

Elevate-SEO · Aug 16, 2024 · 3e35e4e · 3e35e4e
1 parent 8e5e42d
commit 3e35e4e
Showing 1 changed file with 219 additions and 1 deletion.
diff --git a/media-quary.css b/media-quary.css
@@ -86,4 +86,222 @@
   .home-items p{
     width: 380px;
     font-size: 19px;
-
+  }
+  .home-items h2{
+    margin-left: 6rem;
+  }
+  .home-page{
+    width: 450px;
+    height: 400px;
+  }
+  #home-img{
+    margin-top: 100px;
+  }
+  #home-img img{
+    width: 350px;
+    height: 370px;
+  }
+  .home{
+      display: flex;
+      flex-direction: column;
+  }
+  .innerdiv {
+     display: flex;
+     flex-direction: column;
+     transform: scale(1);
+     margin: 2rem;
+     margin-bottom: 5rem;
+     /* margin-left: 50%; */
+     margin-top: 3rem;
+
+
+  }
+
+
+  .attribution {
+     position: relative;
+  }
+  #servics{
+    width: 470px;
+  }
+  #services .parent
+  {
+      display: flex;
+      flex-direction: column;
+  }
+  #services h1{
+    text-align: center;
+    font-size: 40px;
+  }
+  #services p{
+    margin-left: 30px;
+  }
+  #partners{
+    margin-top: 133.3rem;
+    margin-left: 40px;
+  }
+  #partners h1{
+    margin-left: 20px;
+    font-size: 40px;
+  }
+  #partners p{
+    margin-left: 40px;
+  }
+  .partner-quote{
+    width: 300px;
+    margin-left: 30px;
+  }
+  .contact-whole{
+    width: 350px;
+    margin-left:40px;
+  }
+  #contact{
+    margin-top: -130px;
+  }
+  .img{
+    display: none;
+  }
+  #contacts{
+    margin-left: -6rem;
+
+  }
+  #contacts input,textarea{
+    width: 290px;
+    margin-top: 15px;
+  }
+  #conbtn{
+    margin-left: 6rem;
+  }
+  .contacts h1{
+    width: 250px;
+  }
+  #con{
+    margin-left: -5rem;
+  }
+  .accordion__wrapper{
+    margin-left: -9rem;
+  }
+  .accordion__header {
+    width: 320px;
+  }
+  .work-whole{
+    display: flex;
+    flex-direction: column;
+  }
+  .work-whole .work1,.work2,.work3{
+    margin-bottom: -2rem;
+  }
+  #working{
+    margin-left: -3rem;
+  }
+  #working h1{
+    text-align: center;
+    font-size: 30px;
+    margin-top: 20px;
+    margin-left: 80px;
+  }
+  #faq{
+    margin-left: 9.1rem;
+    margin-top: -150px;
+    margin-bottom: -100px;
+  }
+  /* process steps  */
+  .process-steps{
+    display: grid;
+    grid-template-columns: auto;
+    margin-top: 1rem;
+    margin-bottom: -950px;
+  }
+  .wrapper,.wrap{
+    display: none;
+  }
+  .step{
+    margin-left: 8rem;
+    box-shadow: 0 0 10px black;
+    margin-bottom: -30px;
+    width: 350px;
+  }
+  .step #h1{
+    margin-left: 0.5rem;
+    margin-bottom: 10px;
+  }
+  #plan img{
+    margin-left: 140px;
+  }
+  .step h3{
+    margin-left: -10px;
+  }
+  #Content h3{
+    margin-left: 10px;
+  }
+  .step #p{
+    width: 300px;
+    margin-left: 30px;
+    margin-top: 20px;
+  }
+  #Process{
+    margin-left: 30px;
+    margin-top: 100rem;
+    width: 380px;
+    font-size: 2rem;
+  }
+/*  Awards */
+  .awards{
+    display: flex;
+    flex-direction: column;
+    margin-left:7rem;
+  }
+  .award h1{
+    margin-left: 4rem;
+  }
+  .award h3{
+    margin-left: 2rem;
+  }
+  .service{
+    width: 400px;
+    margin-left:20px;
+  }
+  .child{
+    width: 350px;
+    margin-left: -2.1rem;
+  }
+  .accordion{
+    margin-left: 37px; 
+    margin-bottom: 20px;
+  }
+  .accordion__header{
+    width: 400px;
+
+  }
+  .footer{
+    width: 430px;
+  }
+}
+@media screen and (min-width: 580px) {
+  .accordion__wrapper {
+      padding: 5rem 8rem;
+  }
+}
+@media screen and (min-width: 24.375em) {
+  .legal .legal__links {
+     margin-left: auto;
+  }
+}
+
+@media screen and (min-width: 40.375em) {
+  .footer__nav>* {
+     flex: 1;
+  }
+
+  .nav__item--extra {
+     flex-grow: 2;
+  }
+
+  .footer__addr {
+     flex: 1 0px;
+  }
+
+  .footer__nav {
+     flex: 2 0px;
+  }
+}