Reduce image size css

Css change image width

/*Search Term: "CSS change image width"*/

img {
  width: /*Add width here*/;
}

/*Example*/
img {
  width: 200px;
}

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

Reduce image size css

.container {
    width: 200px;
    height: 120px;
}

/* Resize images */
.container img {
    width: 100%;
    height: auto;
}

Source: stackoverflow.com

Scaling Images and Videos css

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

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

-2

Similar codes

46 votes170 views6 answers
Css background color
CSS
41 votes192 views2 answers
Add ... to long text css
CSS
12 votes261 views2 answers
How to center element in bulma
CSS Bulma
0 vote253 views1 answer
How to create a dotted hr
CSS
3 votes175 views3 answers
Css border-left
CSS
18 votes161 views5 answers
Col-md-6 bootstrap
CSS
9 votes171 views1 answer
Textview android text align center
CSS
0 vote157 views1 answer
Css print landscape
CSS
0 vote148 views1 answer
Learn golang in a day
CSS
17 votes156 views2 answers
Css horizontal gradient background color
CSS