CSS Max-width

Note: Understand the CSS width & max-width property.Please keep in mind that max-width does not create a horizontal scroll bar when the browser window size is smaller than the defined max-width while width creates a horizontal scroll bar when the browser window size is smaller than the defined width.

Example

  General Syntax

    div.ex2 {
 max-width: 500px;
}      

Source Code

Download

div.ex2 {
 max-width: 500px;
 margin: auto;
 border: 3px solid #73ad21;
}

Code Explanation

Note:In this example,CSS width & max-width property is mentioned.To see the difference between these two properties, resize the browser window smaller than the predefined width & max-width & see the differences between these two CSS properties.

Online Test / Quiz

Question set 1

Tutorials HTML CSS BOOTSTRAP 5 BOOTSTRAP 4

Performance Evalution HTML Quiz/Test CSS Quiz/Test Bootstrap 4 Quiz/Test Bootstrap 5 Quiz/Test

CSS Frameworks Materialize CSS Pure CSS UiKit CSS Bulma CSS

CSS

CSS Max-width

Example

General Syntax

Source Code

Code Explanation

Online Test / Quiz

Our Tutorials