css square the content code example
Example: how to make a responsive box in css
.square {
width: 50%;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.square {
width: 50%;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}