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: Signup form

Styling: Signup form - 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: Signup form

“

In order for us to now style this signup form, I'm going to create a new file. I'm actually going to create a new folder, even in the components folder. I'll say I have my events component right here. And inside of that, I'm going to create the signup form SCSS. Which is actually not going to be the only file we will be working with. The only SAS file we'll be working with. Because we also created this text input right here. And we need to style that one as well. So open up the input SCSS file as well. well and don't forget to bring in the new component from our events folder so here into main css we say components slash events slash signup form just like that perfect now on the signup form right here we have the signup form class and what we need to do first of all is we want to make it display flex right we have two columns we want to show side by side and again we want to have the justify content as space between just like that. Okay, as the first one we have the info side on the…

Contents