Why we use both max-width and width in a container?

HTML-CSS
1 
.container {
  max-width: 1000px;
  width: 100%;
  margin:0 auto;
}
2

You don’t want the image to get too big so max-width takes care of that. You want the image to fill all available space so setting width to 100% will take care of that. This allows the image to resize as the width of the browser changes.

1 Like
3

That’s great, thank you @bbsmooth for the response.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.