tagName свойство
<div class='box'>
<div class='container'>
<div class='wrap-point'>
<div class='point'></div>
</div>
<div class='value'>125 000</div>
</div>
</div>
.box {
padding: 20px 0px;
width: 300px;
display:flex;
justify-content: center;
border: 1px solid black;
}
.container {
display:flex;
align-items: center;
gap:10px;
min-width: 100%;
}
.wrap-point{
width: 50%;
}
.point {
margin-left: auto;
width:30px;
height: 30px;
background: red;
}
.value {
width: 50%;
font-family: fantasy;
font-size: 20px;
}
const Router = createBrowserRouter(
createRoutesFromElements(
<Fragment>
<Route path="/" element={<Layout />} >
<Route index element={<HomePage />} />
</Route>
<Route path='*' element={<NotFoundPage />} />
</Fragment>
)
);
const App = () => {
return <RouterProvider router={Router} />;
};
import { Outlet } from "react-router-dom";
const Layout = () => {
return (
<div className="layout">
<Header />
<Outlet />
</div>
)
};
export default Layout;