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; }