gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add footer columns

Browse Source
This commit is contained in:
Kamran Ahmed
2019-09-14 11:15:12 +04:00
parent c4b1eb76fd
commit 33730144b2
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/footer/index.js
View File

@ -22,7 +22,7 @@ const Footer = () => (
</p>
</div>
</div>
<div className="site-contribute foot-col col">
<div className="site-contribute foot-col col-12 col-sm-4 col-lg-2">
<ul>
<li className='foot-header'>Contribute</li>
<li><a href="#">Write an Article</a></li>
@ -31,7 +31,7 @@ const Footer = () => (
<li><a href="#">Codebase</a></li>
</ul>
</div>
<div className="site-learn foot-col col">
<div className="site-learn foot-col col-12 col-sm-4 col-lg-2">
<ul>
<li className="foot-header">Learn</li>
<li><a href="#">Read Articles</a></li>
@ -40,7 +40,7 @@ const Footer = () => (
<li><a href="#">Contribute</a></li>
</ul>
</div>
<div className="site-learn foot-col col">
<div className="site-learn foot-col col-12 col-sm-4 col-lg-2">
<ul>
<li className="foot-header">Most Visited</li>
<li><a href="#">Frontend Roadmap</a></li>

3
components/footer/style.scss
View File

@ -67,8 +67,7 @@
}
.foot-col {
max-width: 190px;
margin-bottom: 20px;
a {
color: #999;
}