duplicate property in CSS styles in JavaScript Object

juliarnasution · Oct 10, 2020 · 33f229b · 33f229b
1 parent b5a795e
commit 33f229b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/09_Day_Conditional_Rendering/09_conditional_rendering.md b/09_Day_Conditional_Rendering/09_conditional_rendering.md
@@ -119,11 +119,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // class based component
@@ -225,11 +224,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // class based component
@@ -325,11 +323,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // class based component
@@ -434,11 +431,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // class based component
@@ -663,11 +659,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // Footer Component

diff --git a/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js b/09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js
@@ -127,11 +127,10 @@ const buttonStyles = {
   padding: 10,
   border: 'none',
   borderRadius: 5,
-  margin: 3,
+  margin: '3px auto',
   cursor: 'pointer',
   fontSize: 22,
   color: 'white',
-  margin: '0 auto',
 }
 
 // Footer Component