Skip to content

Instantly share code, notes, and snippets.

@sharmaabhinav

sharmaabhinav/responsiveDiv.html

Created November 21, 2017 06:59
Show Gist options
  • Save sharmaabhinav/9f79bfbf44238e8ca54b6ac3057b5714 to your computer and use it in GitHub Desktop.
Save sharmaabhinav/9f79bfbf44238e8ca54b6ac3057b5714 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
responsiveDiv.html
<!DOCTYPE html>
<html>
<head>
<style>
div {
display: inline-block;
width: 200px;
border:1px solid;
box-sizing: border-box;
margin: 1px 0px;
padding: 2px;
border-radius: 4px;
font-size: 10px;
max-height: 30px;
min-height: 20px;
}
@media only screen and (max-width: 623px) {
div {width: 100%}
}
</style>
</head>
<body>
<div>
I am a div 1
</div>
<div>
I am a div 2
</div>
<div>
I am a div 3
</div>
<div>
I am a div 4
</div>
<div>
I am a div 5
</div>
<div>
I am a div 6
</div>
<div>
I am a div 7
</div>
<div>
I am a div 8
</div>
<div>
I am a div 9
</div>
<div>
I am a div 10
</div>
<div>
I am a div 11
</div>
<div>
I am a div 12
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment