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 vote174 views1 answer
Input readonly css
CSS
6 votes175 views4 answers
Disable click css
CSS
0 vote175 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS
1 vote173 views1 answer
Remove ul decoration
CSS
1 vote174 views1 answer
Detect portrait landscape css
CSS
1 vote181 views1 answer
How to make div scrollable horizontal
CSS
74 votes178 views6 answers
Display flex
CSS
19 votes189 views2 answers
Css circle card
CSS
13 votes189 views4 answers
Responsive css grid
CSS
0 vote174 views1 answer
React use global css classes
CSS