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: Footer

Styling: Footer - 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: Footer

“

So, now what we have to do is just make the styling go well here. So, alright, so what we're going to be doing now is just make the footer nice and stylish, so exactly how it is here. It shouldn't take us too long, so if we jump right into it, what we'll be doing is just add our footer SCSS right here. I'll split it to the right side so we see everything nice and well. the left-hand side I have now my JSX that I need to be styling, and again we're going to have our footer class. Now one thing I almost forgot just now is never forget to do the imports, so the footer has to go into the main CSS file as well, otherwise the styles will not be applied. My main style for this is first of all, well I know it's already it's going to be black, and also the sorry, the font, my bad, the color, will be white in there. Besides that, I actually have to check the design again. So the way it's structured here is, again, or the way I wrote the code, is I have two rows. My first row has a padding at…

Contents