I'm an absolute beginner at coding—like, I started learning HTML just yesterday and I've only spent about two hours total coding. I'm using "Live Server" to preview my code, and resizing images works perfectly there. However, when I try opening my code in a browser with the popular extension that has over 11 million downloads, the image remains large. Here's my current code for the image:
Keep in mind, I'm really new to this, so even if it seems like common knowledge or a simple fix to you, I might not understand right away. I really appreciate any help!
3 Answers
You just need to tweak those height and width percentages. Try reducing them to something smaller than 70%. That should help you get the right size!
Also, your alt attribute is a bit too detailed for just the image display. And just so you know, your code currently makes the image 70% of its parent container's size. So that could be why it's so big!
I like to be descriptive, thanks for the help!
You might also want to just remove the percent signs from your style attributes. That should fix the sizing issue!
ok thanks!
Think they also need to lose the semicolons too!
ight, thanks!