Created
January 7, 2020 19:09
-
-
Save nm-scripts/54ea400b8032e1774c05032612b11ef3 to your computer and use it in GitHub Desktop.
CSS max width, max height, CSS responsive https://www.agernic.com/css-tutorial/css-max-width-max-height-css-responsive.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.div-box1 { | |
width: 100%; | |
max-width: 450px; | |
height: 210px; | |
border: 1px solid #73AD21; | |
background-color: red; | |
} | |
.div-box2 { | |
width: 100%; | |
height: auto; | |
max-height: 250px; | |
border: 1px solid #73AD21; | |
background-color: red; | |
} | |
.div-box3 | |
{ | |
width: 100%; | |
height: auto; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment