**I am looking to reposition the Navbar_icon div to be on the right side of the navbar. The Navbar_icon contains icons for search, help, and sign in. ** Current layout of the navbar is shown in the image below: <https://i.sstatic.net/GGvBa.png>
REACT COMPONENT JSX CODE :
<div className="Navbar">
<h1 className="logo">eat24/7</h1>
<div className="Navbar_icons">
<div className="Search">
<SearchRoundedIcon />
<p>Search</p>
</div>
<div className="Help">
<HelpOutlineTwoToneIcon />
<p>Help</p>
</div>
<div className="Sign_In">
<PersonOutlineIcon />
<p>Sign In</p>
</div>
</div>
</div>
CSS CODE :
.Navbar{
height: 80px;
padding-left: 80px;
padding-right: 80px;
padding-top: 35px;
display: flex;
}
.logo{
font-family: 'Andada Pro', serif;
color: orangered;
font-weight: bolder;
float: left;
}
.Navbar_icons{
display: flex;
position: relative;
float: right;
}
.Search, .Help, .Sign_In{
display: flex;
margin-right: 10px;
text-align:center;
}