// tailwind container css
.container {
width: 100%;
display: inline-block;
margin: 0 auto;
transition: width .1s;
}
@media (min-width: 640px) {
.container {
width: 640px;
}
}
@media (min-width: 768px) {
.container {
width: 768px;
}
}
@media (min-width: 1024px) {
.container {
width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
width: 1536px;
}
}Use %.
% takes the x% space of the parent element.
example:
This div will have the same width as the body, which is usually the whole page.
<style>
div{
width:100%;
}
</style>
<body>
<div></div>
</body>| Code Example |
|---|
| Html :: youtube downloader api |
| Html :: clipboarddata.getdata html |
| Html :: ionic format date |
| Html :: blobs fish |
| Html :: how to load at bottom of page html |
| Html :: superscript in html |
| Html :: bootrsrap |
| Html :: telegram href link code |
| Html :: bootstrap tablist |
| Html :: html auto change year |
| Html :: html meta redirect to another page |
| Html :: how to add bg html |
| Html :: what should base_generic.html look like |
| Html :: bulma cdn |
| Html :: connect html to mysql database |
| Html :: which is right <hr or <hr/ in html |
| Html :: range slider in html |
| Html :: autocapitalize html attribute |
| Html :: caption in hhtml |
| Html :: xpath select td class contains text |
| Html :: vue 3 emits |
| Html :: html file path |
| Html :: html interview |
| Html :: meta tags |
| Html :: html add input on button click |
| Html :: fetch api get ip |
| Html :: how to do a line break in html |
| Html :: html code heavy right arrow |
| Html :: clickable images html |
| Html :: emoji css |