I'm trying to do a Navbar on the top right of a page.
The problem is that there's a grid box that i can't size.
I've tried using the Width property but nothing happens.
Please help me!
I need to add some more text cause stack won't let me post it because it's almost all code, so i will say that I'm new to coding and this is my first project: "Google Copy".
#navbar {
display: grid;
min-height: 60px;
grid-auto-flow: column;
background-color: white;
}
#about {
display: grid;
width: 743px;
justify-content: start;
align-content: center;
font-size: 13px;
grid-auto-flow: column;
font-family: Arial, Helvetica, sans-serif;
grid-gap: 20px;
padding-left: 25px;
}
#links {
display: grid;
justify-content: end;
align-content: center;
grid-auto-flow: column;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
grid-gap: 20px;
padding-right: 0px;
}
#image {
display: grid;
width: 0px;
justify-content: start;
align-content: center;
}
img {
image-resolution: 30px 30px;
border-radius: 50%;
border: 3px;
color: white;
}
a {
text-decoration: none;
}<div id="navbar"><div id="about"><a href="">About</a><a href="">Store</a></div><div id="links"><a href="">Gmail</a><a href="">Images</a><a id="cuadrito" href="">c</a></div><a id="image" href=""><img src="https://lh3.googleusercontent.com/-MieN9G7T6OY/AAAAAAAAAAI/AAAAAAAAAAA/AKF05nDg-Rm7dLL2s-TRZEyN7DsGY1cUNw.CMID/s32-c/photo.jpg"></a></div>