CSS + HTML を使用してテキストを中央揃えにできない

Question

CSS と HTML を使用してテキストを中央揃えにしようとしています。私は Web 開発が初めてなので、始めたばかりです。基礎コースを視聴し（最初のページを作成しました）、今は自分のプロジェクトに取り組んでいます（他のページ）

リーリー リーリー

しかし、まったく中央に配置されません。何時間もかけて調べたので、ついに助けを求めるためにここに来ました。次のような画像を添付しました:

私が望むのは、それが中央に表示されることだけです) - 少なくとも水平方向に! これを実現するにはどうすればよいでしょうか (このパートはパート 2 であることに注意してください)。ありがとう。

Answer 1

1. あなたの セクション のパディングが不均一です。セクション全体が等間隔になるように、padding: 5rem 0; などの均一な値を指定する必要があります。

2. .our-news で grid-template-columns: 1fr 1fr を使用しました。これは、コンテナ内に 2 つの列があり、同じものを占めることを示しています。空間。したがって、この行を次のように変更する必要があります:

   グリッド テンプレート列: 1fr;

3. Heading-Secondary に下部マージンを指定します。テキストの下に不要なスペースが入らないように、行を削除します。

修正コード:

リーリー リーリー