From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Customizing utility styles with Next.js

Customizing utility styles with Next.js

From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Start my 1-month free trial Buy for my team

Customizing utility styles with Next.js

“

OK, so up to this point, although we've gone over some of the core important aspects of using module CSS in Next.js and taking a look at the file structures and how we can leverage layout components and how they then get rendered automatically with HTML, we've been pretty minimal in terms of actually styling. So let's actually get a bit more deeper and polish this project so that you You have a nice polished project that you can show to prospective employers to show off your Next.js skills. So the first thing I want to do is open the components layout module. So let's go back to the components layout over here. And we want the CSS module. So we'll go to the next one, actually. And let's create a few more tags. So we're going to have a header. So we do the container, let's do the header. So display, we'll set it to flex. So this basically creates a flexible type of display for our header. We can even then go into the direction of the flex. So let's say we can flex with columns so that…

Contents