punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
update container class to avoid confusion
This commit is contained in:
Cody Loyd 2021-10-04 14:18:10 -05:00 committed by GitHub
commit 0aedf4202a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
margin-and-padding/margin-and-padding-2/index.html
View file

@ -11,7 +11,7 @@
<div class="card"> <div class="card">
<h1 class="title">I'm a card</h1> <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="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> </div>
</body> </body>
</html> </html>

4
margin-and-padding/margin-and-padding-2/solution/solution.css
View file

@ -17,7 +17,7 @@ body {
background: #e3f4ff; background: #e3f4ff;
} }
.button { .button-container {
background: #e3f4ff; background: #e3f4ff;
} }
@ -50,7 +50,7 @@ We separated it out here to make it extra clear what has changed. */
padding: 16px 8px; padding: 16px 8px;
} }
.button { .button-container {
text-align: center; text-align: center;
padding: 8px; padding: 8px;
} }

2
margin-and-padding/margin-and-padding-2/solution/solution.html
View file

@ -11,7 +11,7 @@
<div class="card"> <div class="card">
<h1 class="title">I'm a card</h1> <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="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> </div>
</body> </body>
</html> </html>

2
margin-and-padding/margin-and-padding-2/style.css
View file

@ -17,7 +17,7 @@ body {
background: #e3f4ff; background: #e3f4ff;
} }
.button { .button-container {
background: #e3f4ff; background: #e3f4ff;
} }