From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

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

Building the footer

Building the footer

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Building the footer

“

In this session, we'll be building the footer for your React Portfolio project. A well-crafted footer reinforces your brand, provides essential links, and completes the user experience. Our footer will include navigation links, a divider element, and copyright information. to our footer component. Now I am adding some structure within the footer element. I've added a div for the logo and navigation, a placeholder for a divider, and another section for the copyright notice. This gives us a solid foundation to build upon. Here I am adding the Simba logo. I'm placing the text within a div for now and will style it in later steps. We're splitting sim and ba into separate elements to allow for distinct styling. Let's add some visual flair to BA by wrapping it in a span tag. This allows us to target it specifically with styling. I am now styling the BA part of the logo by giving the span a class name of Text-Blue-500. will apply a blue color to the text. I am now adding a class name…

Contents