Buy Now and unlock this series
$
44
.99
$
34
.99
yours forever
$
44
.99
$
34
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Styling Part 2
Here, we are going to dive deeper into making our static site look a little cleaner. We will be focusing on the actual layout of the listings and articles within our static site. Feel free to experiment with styled components and make the site look and feel however you desire.
Downloads
Become a pro to download code and videos
Pro Gatsby 2
26 videos
Course Instructor
Scott Tolinski
- Pro Gatsby
40S - Getting Started With GatsbyJS
8M10S - Gatsby FIles Explained
12M22S - Creating Pages
9M29S - Working With Assets
7M50S - Intro To GraphQL
7M59S - GraphQL Static Queries
8M6S - Plugins & Gatsby Source Filesystem
9M27S - Working With Markdown
16M27S - Our Query In React
12M17S - Improving Our Query with Filtering and Sorting
11M3S - Gatsby Node
11M16S - Creating Pages From Markdown Files
9M1S - Page Query vs Static Query
8M45S - Context In Page Queries
6M3S - Static Query From Scratch & Page Listing
12M35S - Styled Components In Gatsby
14M44S - Styling Part 2
9M3S - Gatsby Image
13M19S - React Spring
12M16S - Building Our Static SIte
7M20S - Hosting On Netlify
8M18S - Netlify CMS
9M50S - Easy Sitemaps
5M30S - Progressive Web Apps With Gatsby
5M44S - Where To Go Next
4M18S
Comments
Chrish Dunne
over 2 years ago [edited]
@Cristian A bit late but might help others. You don't technically replace the article tag with anything at all, as you're outputting a styled 'article' tag. ie;
const Post = styled.articleThis will output<article class="sc-<somerandomletters)">Your Content</article>.Cristian
over 2 years ago
By replacing the Article html tag to the styled component to does it also affect SEO or perhaps accessibility?
Want to join the conversation?
Become a Pro member today!