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: Highlight article

Styling: Highlight article - 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: Highlight article

“

So in the last one, in the last video we created the structure of the highlight article. Now we have to add the styling and we'll also take care of more general styles for the whole page, for the whole blog page. Because if you look at this here, we're always going to have the same margins around our elements. We always have, we should have 48 pixels to the side, like right here. There we go, 48. Everywhere it's 48, right? Everything should be exactly aligned. So for us to do that we can also create site-wide styling and we're also actually going to reuse that styling later on for the events page which looks exactly the same. The styling here, I mean it says 47 but it should have been 48 on all of these. So in order for us to do that we can go into our sass folder and in here we're just going to say pages so a pages directory here is mainly used exactly for that we're going to get general structure on specific pages you can also use this sort of stuff you can also use this sort of…

Contents