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: Image component

Styling: Image component - 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: Image component

“

So we're going to do the last bit of styling for individual blog page right now, and it's not going to be that much So we're going to go into the article component and what we want to have is we now for the landscape image want to write The styles that make it appear as it does in the design and we have the article Image class generally we wanted to have it centered, so we're just going to say on this one here we want to have the margin 0 so top bottom is 0 and then The left and right margin will be auto meaning it takes as much space as there is on both sides Which will automatically center it now. I wanted to have a width of 65% of the available width But I want to make sure that the minimum width will always be 400 pixels actually, I don't know why I said 400 pixels It should be 40 RAM like that and now I also do want to have some margin to the bottom I'm not sure how much it was in the design, but the whole component should, I think, have, yeah, 6 rem right there. So margin-bottom…

Contents