.container {
    max-width: 600px;
    width: 100%;
    background: lightblue;
}

What will be the width of .container on a 500px screen?

Which CSS property is used to set the maximum width of an element?

.box {
    max-width: 400px;
    width: 800px;
}

What will be the actual width of .box?

What is the default value of max-width property?

.responsive {
    max-width: 100%;
    height: auto;
}

This CSS is commonly used for which type of elements?