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: FeaturedItem component adjusted for event

Styling: FeaturedItem component adjusted for event - 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: FeaturedItem component adjusted for event

“

We still have a few little things here to do in styling. The very first thing is that I notice this is actually not stretching across the whole width of the space, which is what we want, and obviously as well we need to add some margin here from the signup form to the bottom. If we look back onto our page, let's maybe go with this one first, we see that there's 60 pixels in between that, so let's do that first just so that we have the signup form completely done. So on the signup form, in the very first selector, we're just going to say margin bottom of 6 rem like that. Perfect, now that gives us a little bit of space here and the next thing we can do is now make sure that our container here actually stretches across the whole 100% available space. So back in our code we are going to go into our featured items element and in here the container has to have the width of 100% just like that. Beautiful. Now we do have one last little thing here to do which is now you can't actually even…

Contents