what is the difference between width and max-width in css?
The difference is following. width keeps the size of the object stable. Lets say you put width: 700px for an image. ... At the same time, when you set max-width:700px it will re-size up to 700px but when the screen goes smaller and the images doesn't fit in the screen it will automatically re-size it to fit the screen.