Update animation

Yuriy-Solodovnik · Apr 11, 2022 · 1f285df · 1f285df · vercel · Apr 19, 2023
1 parent 1686bea
commit 1f285df
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/assets/scripts/script.js b/assets/scripts/script.js
@@ -22,6 +22,8 @@ function makeBorderYellow() {
     document.getElementById('page').style.borderColor = 'yellow';
 }
 
+window.onload = changeBackground(3);
+
 document.getElementById('likes').onmouseenter = function () {
     likesTexst = this.textContent;
     this.innerHTML = '&#127822; &#127828; &#9917; &#127952; &#127936; &#129461; &#127928; &#128021 &#128665; &#128250;';

diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
@@ -13,7 +13,12 @@ input[type="range"] {
   width: 110px;
   height: 150px;
   padding: 0;
-  margin: 0 50px 0 20px;
+  margin: 0 50px;
+}
+
+.ava-container {
+  width: 100%;
+  display: flex;
 }
 
 ul > li::before {
@@ -54,6 +59,10 @@ ul > li::before {
   opacity: 1;
 }
 
+.relative {
+  position: relative;
+}
+
 .slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
@@ -71,4 +80,10 @@ ul > li::before {
   article {
     padding: 1rem 3rem;
   }
+}
+
+@media screen and (max-width: 767px) {
+  .ava-container {
+    justify-content: center;
+  }
 }