how to make a div responsive in css

PanosG answered on June 26, 2021 Popularity 10/10 Helpfulness 4/10

answer how to make a div responsive in css

related responsive container css

how to make a div responsive in css

Comment

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>

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: css html responsive

Link to this answer
Share Copy Link

Contributed on Jun 26 2021

PanosG

0 Answers Avg Quality 2/10

Closely Related Answers

responsive container css

Comment

// 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;
  }
}

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 31 2022

João victor Dos santos

0 Answers Avg Quality 2/10

how to make a div responsive in css

Contents

More Related Answers

how to make a div responsive in css

Closely Related Answers

responsive container css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.