Skip to content

Commit a131365

Browse files
committed
Completed CSS Theory jonasschmedtmann#5:
Absolute Positioning
1 parent 5963d53 commit a131365

File tree

2 files changed

+14
-0
lines changed

2 files changed

+14
-0
lines changed

myWork/03-CSS-Fundamentals/index.html

+2
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,8 @@ <h3>Why should you learn HTML?</h3>
106106
</ul>
107107

108108
<p>Hopefully you learned something new here. See you next time!</p>
109+
110+
<button class="like-button">❤Like</button>
109111
</article>
110112

111113
<aside class="related-aside">

myWork/03-CSS-Fundamentals/style.css

+12
Original file line numberDiff line numberDiff line change
@@ -146,8 +146,20 @@ strong {
146146

147147
.product-article {
148148
margin-bottom: 20px;
149+
150+
position: relative;
149151
}
150152

151153
.learn-more-at {
152154
padding: 0;
153155
}
156+
157+
.like-button {
158+
font-size: 18px;
159+
padding: 10px;
160+
cursor: pointer;
161+
162+
position: absolute;
163+
bottom: 0;
164+
right: 0;
165+
}

0 commit comments

Comments
 (0)