Skip to content

Commit a4d5b79

Browse files
committed
add new cta button
1 parent 34666e8 commit a4d5b79

File tree

2 files changed

+13
-4
lines changed

2 files changed

+13
-4
lines changed

src/pages/card/index.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,10 @@ const CardIndexPage = () => {
2222
<div className="container">
2323
<h1 className="intro__heading">A Collection of HTML and <span className="accent">CSS card</span> UI components with examples.</h1>
2424
<p className="intro__text">Now go build something great!</p>
25-
<div className="intro__link">
25+
<div className="intro__ctas">
2626
<Link to="/card/examples" className="btn btn--primary">See Examples</Link>
27+
<a href="https://github.com/kenold/css-ui" className="btn btn--secondary">View Github Repo</a>
28+
2729
</div>
2830
</div>
2931
</section>

src/styles/main.scss

+10-3
Original file line numberDiff line numberDiff line change
@@ -57,10 +57,17 @@
5757
word-spacing: -18px;
5858
}
5959
}
60-
.intro__link {
61-
margin-top: 1rem;
60+
.intro__ctas {
61+
display: flex;
62+
flex-direction: column;
63+
@include md {
64+
display: inline-block;
65+
}
66+
a {
67+
margin-right: .75rem;
68+
margin-top: .5rem;
69+
}
6270
@include md {
63-
margin-top: 0.5;
6471
}
6572
}
6673
.accent {

0 commit comments

Comments
 (0)