Skip to content

Commit d4c4bd4

Browse files
Made button positions uniformed.
1 parent 89bdacc commit d4c4bd4

1 file changed

Lines changed: 13 additions & 7 deletions

File tree

Wireframe/style.css

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,8 @@ article img {
7777
article {
7878
background-color: #f4f6f8;
7979
padding: 1.5rem;
80+
display:flex;
81+
flex-direction: column;
8082
}
8183

8284

@@ -93,19 +95,23 @@ article h2 {
9395
margin-bottom: 0.75rem;
9496
}
9597

96-
/* Links */
97-
article a {
98+
.button {
9899
display: inline-block;
99-
margin-top: 1rem;
100-
color: #0066cc;
100+
padding: 10px 20px;
101+
background-color: #0056b3;
102+
color: #ffffff;
103+
border: none;
104+
outline: none;
105+
border-radius: 5px;
101106
text-decoration: none;
102107
font-weight: bold;
108+
transition: background-color 0.3s;
103109
}
104110

105-
article a:hover {
106-
text-decoration: underline;
111+
article .button {
112+
margin-top: auto;
113+
align-self: flex-start;
107114
}
108-
109115
/* Footer */
110116
footer {
111117
background: transparent;

0 commit comments

Comments
 (0)