Resize Images CSS/HTML

Question

Imagine websites like 9Gag. You upload an image and they display it always with the same width and only the height changes.

How can I achive this? I cant even resize my images hardcoded.

CSS:

.post img{
height: 200px;
width: 300px; 
}

HTML:

<div class="post">
  <img src="img/bf1.jpg">
</div>

The image stays the same size.

Kamil Wyremski · Accepted Answer · 2017-07-26 16:03:38Z

2

You should change CSS style to:

.post img{
  height: auto;
  width: 300px; 
}

answered Jul 26, 2017 at 16:03

Kamil Wyremski

417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

seanysean · Accepted Answer · 2017-07-26 16:04:00Z

0

Have you tried:

<div class="post">
  <img height="200px" width="300px" src="img/bf1.jpg">
</div>

Hope this helps!

answered Jul 26, 2017 at 16:04

seanysean

4213 silver badges12 bronze badges