Merge pull request TheOdinProject#45 from TheOdinProject/update-container-class

codyloyd · web-flow · commit 0aedf4202a0d · 2021-10-04T14:18:10.000-05:00
update container class to avoid confusion
diff --git a/margin-and-padding/margin-and-padding-2/index.html b/margin-and-padding/margin-and-padding-2/index.html
@@ -11,7 +11,7 @@
   <div class="card">
     <h1 class="title">I'm a card</h1>
     <div class="content">I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.</div>
-    <div class="button">and a <button>BIG BUTTON</button></div>
+    <div class="button-container">and a <button>BIG BUTTON</button></div>
   </div>
 </body>
 </html>
diff --git a/margin-and-padding/margin-and-padding-2/solution/solution.css b/margin-and-padding/margin-and-padding-2/solution/solution.css
@@ -17,7 +17,7 @@ body {
   background: #e3f4ff;
 }
 
-.button {
+.button-container {
   background: #e3f4ff;
 }
 
@@ -50,7 +50,7 @@ We separated it out here to make it extra clear what has changed. */
   padding: 16px 8px;
 }
 
-.button {
+.button-container {
   text-align: center;
   padding: 8px;
 }
diff --git a/margin-and-padding/margin-and-padding-2/solution/solution.html b/margin-and-padding/margin-and-padding-2/solution/solution.html
@@ -11,7 +11,7 @@
   <div class="card">
     <h1 class="title">I'm a card</h1>
     <div class="content">I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.</div>
-    <div class="button">and a <button>BIG BUTTON</button></div>
+    <div class="button-container">and a <button>BIG BUTTON</button></div>
   </div>
 </body>
 </html>
diff --git a/margin-and-padding/margin-and-padding-2/style.css b/margin-and-padding/margin-and-padding-2/style.css
@@ -17,7 +17,7 @@ body {
   background: #e3f4ff;
 }
 
-.button {
+.button-container {
   background: #e3f4ff;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ body {`
`17`	`17`	`background: #e3f4ff;`
`18`	`18`	`}`
`19`	`19`
`20`		`-.button {`
	`20`	`+.button-container {`
`21`	`21`	`background: #e3f4ff;`
`22`	`22`	`}`
`23`	`23`
`@@ -50,7 +50,7 @@ We separated it out here to make it extra clear what has changed. */`
`50`	`50`	`padding: 16px 8px;`
`51`	`51`	`}`
`52`	`52`
`53`		`-.button {`
	`53`	`+.button-container {`
`54`	`54`	`text-align: center;`
`55`	`55`	`padding: 8px;`
`56`	`56`	`}`