I'm having trouble changing the size of my image using my style.css file.
This is the CSS code in my style sheet:
.headerImage {
width: 100px;
height: 100px;
}
Below is how I am trying to display my image:
<div class="headerImage">
<img src="/images/header-image.png" alt="your image">
</div>
While this method worked for a specific image, I want the flexibility to use images of different sizes. Hence, the following solution is not ideal:
img {
width: 100px;
height: 100px;
}