From the course: The Freelance Stack: Real Project with Next.js and Strapi

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Styling: Article intro component

Styling: Article intro component - Next.js Tutorial

From the course: The Freelance Stack: Real Project with Next.js and Strapi

Start my 1-month free trial Buy for my team

Styling: Article intro component

“

To style this component we're going to create a new partial file here in our blog folder, in the sass folder. So we're going to go and say article overview SCSS. Now what do we have to do? Well the first thing as well, and let me just split this to the right so that we can see what we're doing. We're going to have this one here be a flex container, right? We again have two columns left hand side text right hand side table of contents and we want to spread them apart so we're going to say justify content space between so that both of them sit at opposing ends on our page. Now one thing that I forgot again here is to bring in the component into the main css so components blog article overview just like that but now we see exactly that. The excerpt right now is taking up a lot of space so we want to change that and how are we going to do that we can just select we can just select the info block right here and say that one should actually have a width of should have a width of 60% just…

Contents