Сетевые предметы, не сосредоточенные ⇐ Html

[Anonymous]

Я строю компонент React с макетом сетки, и у меня возникают проблемы с центром всей сетки в его контейнере. Я использую Flexbox для макета, но элементы сетки не центрируются должным образом. /> < /ol>
Вот мой код: < /p>

Код: Выделить всё

import React from 'react';
import Section from './Section';
import ClipPath from './ClipPath';
import Arrow from './Arrow';
import BluetoothScannerIllustration from './Svg';

const About = () => {
return (


{/* Heading */}

We've Noticed A{' '}

Major
{' '}
Problem.


Transportation hubs are overcrowded,

‎ making people late and frustrated. It's time for a smarter
solution.







The Problem

Overcrowded transit areas, combined with inadequate infrastructure and poor planning, result in persistent delays that affect daily commuters and logistics.


[url=https://psychcentral.com/adhd/why-are-people-with-adhd-always-late]
Explore more
[/url]
[url=https://example.com/solution]
Learn More
[/url]
[url=https://example.com/impact]
Discover Impact
[/url]










);
};

export default About;

Вот как в настоящее время выглядит: https: //ibb.co/hfscmdx
Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... -centering