import React from 'react';
+import { Col, Container, Row } from 'react-bootstrap';
import Dungeons from './Dungeons';
-import Equipment from './Equipment';
import Items from './Items';
import Map from './Map';
import Toolbar from './Toolbar';
const Tracker = () => {
return <div className="tracker">
<Toolbar />
- <div className="d-flex">
- <div>
- <div className="inventory">
+ <Container fluid>
+ <Row>
+ <Col sm={3}>
<Items />
- <Equipment />
- </div>
- <Dungeons />
- </div>
- <div className="flex-fill">
- <Map />
- </div>
- </div>
+ <Dungeons />
+ </Col>
+ <Col sm={9}>
+ <Map />
+ </Col>
+ </Row>
+ </Container>
</div>;
};