Currently tackling a project and could use some assistance with positioning an icon in the upper right corner of my page. I've been trying different approaches without much success. The icon is from semantic-ui.
import React from 'react'
import { Icon } from 'semantic-ui-react';
const ShoppingCart = () => {
return(
<Icon.Group size='big'>
<Icon link name='shopping cart' />
<Icon corner='top right'/>
</Icon.Group>
)
}
export default ShoppingCart;
Here's the CSS code I'm using to position it:
i {
position: absolute;
bottom: 3000px;
/* left: 80%; */
margin-left: 380px !important;
}