The dev.to project with GatsbyJS-13

Photo by Eftakher Alam on Unsplash

Welcome to part-13 of the series. You can find part-12 here.

We will start by adding the same box-shadow that we created for Search bar in the previous part, to all the boxes on the site.

Let’s first add in the Tags box. So, update the below in taglist.module.css

taglist.module.css

Rest of the chapter is exclusive content and will be in my upcoming book Gatsby Cookbook. You can find more details about it here.

Also, will show as below in Mobile screen.

Mobile Screen

This completes part-13 of the series. You can find part-14 of the series here.

You can find the code for the same in this github repo.

--

--

--

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Nested & Auto-dismissable Layers In React

Nested & Auto-dismissable Layers In React

Coding Challenge: Phase 2

Express vs KoA

Feature update round: Export to Rasa and Dialogflow, and more

9 Hidden Features of Chrome DevTools

Ionic React: One App that runs everywhere

Create 3D CSS Buttons Which Move As You Mouse Over

How to setup google captCHA V3

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nabendu Biswas

Nabendu Biswas

Founder TWD, JavaScript & ReactJS Trainer, Youtuber, Blogger

More from Medium

React App with Final Space API — Tinder Style

Application Framework

What is The Difference Between State and Props in React?

What is The Difference Between State and Props in React — Flatlogic Blog

ReactJS Tutorial Part #4 ~ ReactJS Components