info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-03 06:12:53 +02:00
Code Issues Releases Wiki Activity

Update featured section on home

Browse Source
This commit is contained in:
Kamran Ahmed
2019-11-08 19:20:52 +04:00
parent 3704b89bea
commit 8d81679248
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/featured-content/guides.js
View File

@@ -8,7 +8,7 @@ const FeaturedGuides = () => (
<div className="container"> <div className="container">
<p className='border-through featured-separator'> <p className='border-through featured-separator'>
<span> <span>
List of most visited guides&nbsp; Guides mostly visited by the community&nbsp;
<Link href="/guides"><a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Guides &rarr;</a></Link> <Link href="/guides"><a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Guides &rarr;</a></Link>
</span> </span>
</p> </p>

3
components/featured-content/roadmaps.js
View File

@@ -7,10 +7,9 @@ const FeaturedRoadmaps = () => (
<FeaturedContentWrap className="featured-content-wrap"> <FeaturedContentWrap className="featured-content-wrap">
<div className="container"> <div className="container">
<div className="featured-head"> <div className="featured-head">
<h3>Featured Content</h3>
<p className="border-through featured-separator"> <p className="border-through featured-separator">
<span> <span>
List of roadmaps mostly visited by the community&nbsp; Roadmaps mostly visited by the community&nbsp;
<Link href='/roadmaps'> <Link href='/roadmaps'>
<a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps &rarr;</a> <a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps &rarr;</a>
</Link> </Link>

8
components/featured-content/style.js
View File

@@ -1,7 +1,7 @@
import styled from 'styled-components'; import styled from 'styled-components';
export const FeaturedWrap = styled.div` export const FeaturedWrap = styled.div`
padding: 50px 0; padding: 30px 0 50px;
`; `;
export const FeaturedContentWrap = styled.div` export const FeaturedContentWrap = styled.div`
@@ -17,10 +17,10 @@ export const FeaturedContentWrap = styled.div`
} }
.featured-separator { .featured-separator {
font-weight: 400; font-size: 16px;
font-size: 18px;
margin-bottom: 40px; margin-bottom: 40px;
margin-top: 25px; margin-top: 25px;
color: #999;
span { span {
background: #f8f9fa; background: #f8f9fa;
@@ -107,4 +107,4 @@ export const FeaturedContentWrap = styled.div`
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
} }
} }
`; `;