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: Blog section homepage

Styling: Blog section homepage - 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: Blog section homepage

“

So, in terms of styling, what we will be doing is, just in our components folder, add the new Blog Preview as CSS, and then don't forget to bring that into the main CSS as well. Here we go, import components Blog Preview, like so, like so. And then I'm going to have the Blog Preview as per usual here open, and we're also going need a look at the block preview item in a second. So what do we want to do? Well, first of all, the block preview component by itself, it needs to be a flex container, because we're going to have two items here, and we want to center this headline article here at this headline at the top. And the easiest way for us to just make sure everything sits exactly how it should would be to now make the whole thing a flex container so we're just going to say display flex flex direction is column and then we're going to say align items center and that should already move our headline right to the middle of well it sits in the middle we can't really see it now because we…

Contents