Сделайте изображение меньше CSS
css:
.example-class {
width: 400px;
height: auto;
}
html:
<img class="example-class" src="example.jpg"/>
TheTreeSee
css:
.example-class {
width: 400px;
height: auto;
}
html:
<img class="example-class" src="example.jpg"/>squareImage {
border: 1px solid #ddd; /* thickness and color of border */
border-radius: 4px; /* edge rounding of border */
width: 150px; /* width of image (px or % or auto) */
height: auto; /* height of image (px or % or auto) */
}.container {
width: 50%;
height: 200px;
overflow: hidden;
}
.container img {
max-width: 100%;
height: auto;
display: block;
}