It’s tough to fully troubleshoot without having this open in the browser, but one issue I can see from here is that you have
class="picture" on the profile picture and
class="desert picture" on the other picture. I am guessing that you are trying to give the two pictures different class names, so that you can give them each a different height.
As you have it written now, you have actually assigned two class names to the desert picture:
picture class and
desert class. Multiple class names can be separated by a space. So what is actually happening in your code is that both pictures are assigned a height of 40px, because they both are assigned to the
To fix this, try just adding an underscore or a dash between the two words for the desert picture (
desert_picture), and change the name in your css file as well.
In terms of the relative path issue, can you send a screenshot of your file structure in VSCode, and the relative path that you tried that wasn’t working? Then we can start troubleshooting that one too.
Let us know how this class name change goes, and if it starts to get you back on track.