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,300 courses taught by industry experts.

Styling: Subscribe to newsletter component

Styling: Subscribe to newsletter 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: Subscribe to newsletter component

“

OK, so let's get to the styling. In this case here, as you probably already imagined, we're going to create a new file in our blog folder, which I'm going to call Newsletter SCSS. Make sure to always, when you're creating new SAS files, import it. So right here, I'm going to say Components, Blog, Newsletter, SCSS within my main SCSS file. And then, as per usual before as well, going to split my styling to the right just so that I have an overview on which elements I'm actually operating. Now this time I'm going to be working on the newsletter class and here this is our subscribe to newsletter component and as before we basically have two elements here side by side. First we created this container for the text elements and then we have our form on the right hand side with the input and the button. So we're going to use display flags as per usual and we're also going to set a background color and the background color will be this one here which i think i saved as light brown so if we go…

Contents