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: Article paragraph

Styling: Article paragraph - 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: Article paragraph

“

So, to do the styling of the article paragraph, we're just going to go into our article components styling file, and we'll just add the article paragraph right here. What we're going to say is the margin bottom of this should be 6 rem, and inside we need to now adjust the styling of our unordered lists, which are these ones right here. We want to have those dots start where the paragraph also starts horizontally. So we're going to first say, by the way as well, if you notice here, we also want to add some margin at the top. So we're first going to say for that whole element, we're going to say the margin top is 2rem. And then every list item within that should have a margin left of 2rem as well. And so this way, we now have it perfectly aligned, exactly like it is in the design. We can also add that when we have the paragraph with image, so you see that here. And that is actually everything we need to do in styling here. It was just a question of a few margins.

Contents