Make an image smaller css

Css image size adjust

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) */
}

Make an image smaller css

css:
.example-class {
    width: 400px;
    height: auto;
}

html:
<img class="example-class" src="example.jpg"/>

Scaling Images and Videos css

.container {
  width: 50%;
  height: 200px;
  overflow: hidden;
}

.container img {
  max-width: 100%;
  height: auto;
  display: block;
}

-2

Similar codes

0 vote304 views1 answer
Css inherit class
CSS
0 vote203 views2 answers
Css background image is not show change default picture
CSS
0 vote192 views2 answers
Tailwindcss link styling
CSS
7 votes236 views6 answers
Font style css
CSS
-1 vote203 views1 answer
Reset the entire box model
CSS
0 vote232 views1 answer
Css fadeIn opacity transition
CSS
1 vote199 views2 answers
Text align left top
CSS
50 votes261 views4 answers
Css background image fit
CSS
12 votes302 views5 answers
How to update the object value of any array key based on value
CSS
1 vote221 views1 answer
Duplicate box-shadow on element inner and outer
CSS