Weird Positions Of The Paragraphs

Hey guys,
I’m doing the technical documentation page challenge and the paragraphs appear in different horizontal places after doing “justify-items: center” to the < main > item.
Does anyone have an idea what could be the cause of it?

Thanks :blush:

https://codepen.io/semich8/pen/ZELOJbw

You are using a grid display so the <section>s are behaving exactly as they should with justify-items: center. My recommendation, don’t use grid. It’s not needed here. There are better ways to center the content that will get you the centering behavior you want.

2 Likes

First of all, thanks a lot for the reply! :slight_smile:
Why is that exactly how the sections should behave? Is the center of the page determined for each section by the length of the items inside it?

In addition, what other ways are there except justify-items?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.