Currently, I am utilizing react.js to create a row of three images with a small blurb of text at the top and bottom of each picture. However, I've encountered an issue where changing the color of the text does not reflect on the webpage. Can anyone shed some light on why this is happening and provide a solution? Thank you in advance!
HTML Code
<ImageContainer>
<titleofexprience>
stuff
</titleofexprience>
<img id="experienceImage" src={stufff} alt="nice" />
<discriptionofexprience>
</discriptionofexprience>
</ImageContainer>
export const titleofexprience = styled.nav`
position: absolute;
bottom: 0px;
color: #B0E0E6;
`
export const discriptionofexprience = styled.nav`
position: absolute;
bottom: 0px;
color: #B0E0E6; //I try to change the color of the wording but it is not chaning it
`