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 vote286 views1 answer
Justify-self
CSS
0 vote279 views1 answer
Estilos de button css
CSS
19 votes264 views3 answers
Bootstrap media queries
CSS Bootstrap
222 votes415 views6 answers
Bootstrap CSS CDN
CSS
114 votes292 views6 answers
Hide scrollbar css
CSS
4 votes292 views2 answers
How to make background fixed while scrolling
CSS
4 votes259 views4 answers
Change placeholder color
CSS
20 votes277 views3 answers
Underline text using css
CSS
0 vote271 views1 answer
Override vuetify container width
CSS
27 votes291 views3 answers
Keyframe in css
CSS