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

8 votes312 views1 answer
How to align items in css
CSS
0 vote329 views2 answers
Css hexagon with text inside
CSS
0 vote318 views1 answer
Inline list css without floats
CSS
197 votes548 views6 answers
Connect html file to css
CSS
161 votes425 views4 answers
Link external css
CSS
49 votes324 views3 answers
Centralize image css
CSS
0 vote251 views1 answer
Css not working react
CSS
0 vote316 views1 answer
How to remove link color from <a>
CSS
2 votes344 views2 answers
Poppins cdn
CSS
1 vote312 views1 answer
Prefix in css
CSS