Is there a way to make the following:
#id {
border-radius: 100px;
width: 100px;
height: 100px;
}
<div id="circle">
<h3>Hello</h3>
</div>
See Question&Answers more detail:osIs there a way to make the following:
#id {
border-radius: 100px;
width: 100px;
height: 100px;
}
<div id="circle">
<h3>Hello</h3>
</div>
See Question&Answers more detail:osIf you use the same viewport unit (either vw
or vh
) then you should get a responsive circle.
A viewport unit of 100
would be 100% of either the width or height. Therefore it is very similar to using a percentage.
div {
width: 10vw;
height: 10vw;
border-radius: 50%;
background: blue;
}
<div></div>