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: Hero section

Styling: Hero section - 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: Hero section

“

What we will be doing now is do the styling of the hero section, and right here you can see it's not looking good at all, but it's not going to be that much styling we actually have to write here. By the way, in case you're wondering how usually my setup is with getting this stuff done, I would absolutely recommend you having a second screen. I also have the design on a separate screen here so that I don't have to constantly flip back and forth between the design and the code that I'm writing, but generally you won't, you will be a lot happier if you have a second screen there to always go from Figma and then to the design. The very first thing that we're seeing here though is we're gonna have our hero section span across 830 pixels basically, you can also make it dependent on the height of the screen, but I'm just going to stick very strictly to the design, to the design for now. So the first step here obviously create the file where we're going to write our styles. I'm going to call…

Contents