/CSS/How to make a responsive box in css

How to make a responsive box in css

How to make a responsive box in css

.square {
  width: 50%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

1

Source: spin.atomicobject.com

Similar codes

1 vote209 views1 answer
On clicking a link it gets red color
CSS
26 votes199 views4 answers
How to move text up and down in html
CSS
2 votes214 views2 answers
Header center
CSS
0 vote203 views1 answer
Input padding without changing width
CSS
71 votes211 views6 answers
Css center image
CSS
0 vote219 views2 answers
Text-align: left; width: 100%;
CSS
1 vote269 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
0 vote207 views1 answer
Microwave
CSS
0 vote212 views2 answers
Make img black and white css
CSS
2 votes212 views1 answer
New line in url
CSS

Share