🎨 update style

js/animations_custom.js

@@ -7,7 +7,7 @@ let development_debug = false
 // development_debug = true
 
 let enable_animations = false
-// enable_animations = true
+enable_animations = true
 
 const rotateYCard = '200deg'
 const offsetCard = '10'

repl/src/assets/styles/coming_small_responsive.scss

@@ -4,76 +4,4 @@
 
 
 
-  #we_develop {
-    .title {
-      font-size: 3rem;
-    }
-
-    .circle {
-      &.circle-left {
-        left: 1vw;
-      }
-
-      &.circle-right {
-        right: 1vw;
-      }
-    }
-
-    .long_term {
-      margin-right: 5rem;
-      margin-top: -37rem;
-    }
-
-    .quick {
-      left: 4rem;
-      top: 97rem;
-    }
-  }
-
-  #full_creative .title {
-    padding: 1rem;
-    font-size: 5rem;
-  }
-
-  #our_team {
-    margin-top: 30rem;
-    padding-bottom: 20rem;
-
-    .title {
-      font-size: 10rem;
-      line-height: 7rem;
-    }
-
-    .sub-category {
-      margin-bottom: 10rem;
-      padding-left: 0rem;
-    }
-  }
-
-  #china_achievements {
-    padding: 1rem;
-    margin-top: 950vw;
-
-    .big-number {
-      font-size: 8rem;
-    }
-  }
-
-  #baozun_group {
-    margin-top: 1126vw;
-
-    .title {
-      padding-top: 25vh;
-    }
-
-    margin: 0 0;
-    position: relative;
-    top: 1000vw;
-  }
-
-  #coming_soon, .credits {
-    margin: 0 0;
-    position: relative;
-    top: 1000vw;
-  }
 }

repl/src/assets/styles/main.scss

@@ -16,7 +16,7 @@ custom
 @import "./texts.scss";
 @import "./sprint_4.scss";
 @import "./responsive_small";
-//@import "./coming_small_responsive";
+//@import "./coming_small_responsive"; // things to add progressively
 @import "./responsive_big_screens";
-@import "./debug";
+//@import "./debug";
 

repl/src/assets/styles/responsive_small.scss

@@ -286,14 +286,140 @@ responsive land custom
 			.columns {
 				text-align: center;
 				display: block;
-				padding: 0px;
-				padding-right: 0px;
 				margin-top: 1rem;
-				padding-right: 1rem;
+				padding: 0 1rem 0 0;
 			}
 		}
 	}
 
+	#we_develop {
+		height: 1400px;
+
+		.title {
+			padding: 1rem;
+			padding-top: 8rem;
+			font-size: 3rem;
+		}
+
+		.phone-container-2 {
+			width: 90vw;
+		}
+
+		.picture {
+			width: 97.5%;
+			height: 570px;
+
+
+			background-size: cover;
+			background-repeat: no-repeat;
+		}
+
+		.circle {
+			&.circle-left {
+				left: 1vw;
+			}
+
+			&.circle-right {
+				right: 1vw;
+			}
+		}
+
+		.long_term {
+			margin-right: 10vw;
+			margin-top: -23rem;
+		}
+
+		.quick {
+			left: 10vw;
+			top: 1130px;
+		}
+	}
+
+
+	#full_creative {
+		padding: 1rem;
+		height: 1600px;
+
+		.title {
+			padding: 2rem;
+			font-size: 4rem;
+			line-height: 1em;
+		}
+	}
+
+
+	#our_team {
+		padding-bottom: 20rem;
+
+		.title {
+			font-size: 10rem;
+			line-height: 7rem;
+		}
+
+		.sub-category {
+			margin-bottom: 10rem;
+			padding-left: 0rem;
+		}
+	}
+
+	#china_achievements {
+		padding: 1rem;
+		margin-top: 950vw;
+		height: auto;
+
+		.title {
+			font-size: 4rem;
+			line-height: 1em;
+		}
+
+		.big-number {
+			font-size: 6rem;
+			text-align: center;
+		}
+
+		.counter-block {
+			.text-description {
+				font-size: 1.25rem;
+			}
+
+			img {
+				margin-left: 0;
+				border-radius: 80px;
+				max-width: 100vw;
+				width: 87vw;
+			}
+		}
+
+		.tiles-box {
+			margin: 0;
+
+			.column {
+				margin-bottom: 0;
+			}
+		}
+
+		.offset-left-columns {
+			margin-left: 0;
+		}
+	}
+
+	#baozun_group {
+		margin-top: 10rem;
+		margin-bottom: 10rem;
+		position: static;
+
+		.title {
+			padding: 25vh 1rem 1rem;
+			font-size: 4rem;
+		}
+	}
+
+	#coming_soon, .credits {
+		margin: 0 0;
+		position: static;
+		padding-bottom: 10rem;
+	}
+
 
 }