I am facing an issue with my code and need assistance. I have two links that I want to display but my code doesn't seem to respond as expected.
The first link is: https://i.sstatic.net/fryPH.png
The second link is: https://i.sstatic.net/j849M.png
Additionally, the background color in my code is just for testing purposes. Here is a snippet of my CSS:
/*Barra de Navegação - Inicio*/
header{
background-color: rgb(180, 177, 172);
}
.nav-link{
margin: 6px;
padding: 0px;
color: white;
padding-top: 10px;
}
.container-fluid{
margin-left: 30%;
}
/*Barra de Navegação - Fim*/
/*Perfil - Inicio*/
#perfil div img{
width: 100%;
margin: 20px;
}
#textos-objetivos{
margin: 20px;
margin-bottom: 20%;
}
#textos-objetivos p {
margin: 20px;
}
.negrito{
font-weight: bold;
}
.redesSociais{
margin: 20px;
display: inline;
}
.redesSociais i {
background-color: chocolate;
}
/*Perfil - FIM*/The main problem occurs when trying to set the display: inline; property within the .redesSociais i class and other places, but it seems to default to a block display. Can someone help me identify where I went wrong in my code?