Currently following a Udemy tutorial on Node, React, and Express.
The instructor is using a Header component in his code that shifts the Login and Cart links to the far right. I have implemented the same code as instructed, but my links are not aligning to the far right. I am using React-bootstrap just like in the tutorial. Could there be an error in my code?
https://i.sstatic.net/mRlJK.png
<header>
<Navbar bg='dark' variant='dark' expand='lg' collapseOnSelect>
<Container>
<Navbar.Brand href='/'>BShop</Navbar.Brand>
<Navbar.Toggle aria-controls='basic-navbar-nav' />
<Navbar.Collapse id='basic-navbar-nav'>
<Nav className='ml-auto'>
<Nav.Link href='/cart'>
<i className='fas fa-shopping-cart'></i>Cart
</Nav.Link>
<Nav.Link href='/login'>
<i className='fas fa-user'></i>Login
</Nav.Link>
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
</header>