Responsive Tablete

mednajjar · Jul 24, 2020 · f2e5973 · f2e5973
1 parent 3fa2465
commit f2e5973
Show file tree

Hide file tree

Showing 4 changed files with 84 additions and 2 deletions.
diff --git a/css/Team.css b/css/Team.css
diff --git a/css/Team.css.map b/css/Team.css.map
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "toCSS": "node-sass --output-style expanded --source-map=true scss -o css",
-    "concat": "concat --output=css/style.css css/accueil.css css/propos.css css/activites.css css/galerie.css css/blog.css css/contact.css",
+    "concat": "concat --output=css/style.css css/accueil.css css/propos.css css/activites.css css/galerie.css css/blog.css css/Team.css css/contact.css",
     "toPrefixed": "postcss css/style.css --use=autoprefixer --map=false --output=css/style.css",
     "toMinified": "cleancss --level=1 --source-map --source-map-inline-sources --output css/style.min.css css/style.css",
     "watch": "npm run toCSS -- --watch",

diff --git a/scss/Team.scss b/scss/Team.scss
@@ -224,7 +224,55 @@ hr {
 @media screen and (max-width:875px) {
     body {
         width: 100%;
+        .sectionTeam {
+            width: 100%;
+            h1 {
+                text-align: center;
+            }
+        }
+        .sectionTeam2 {
+            height: 1300px;
+            display: flex;
+            flex-direction: column;
+            .block1-team2 {
+              padding-top: -20px
+
+                }
+
+
+
+        }
+
+
+
     }
 }
 
 
+
+@media screen and (max-width:px) {
+    body {
+        width: 100%;
+        .sectionTeam {
+            width: 100%;
+            h1 {
+                text-align: center;
+            }
+        }
+        .sectionTeam2 {
+            height: 1300px;
+            display: flex;
+            flex-direction: column;
+            .block1-team2 {
+              padding-top: -20px
+
+                }
+
+
+
+        }
+
+
+
+    }
+}