Estoy intentando colocar dos elementos, que están dentro de un contenedor que tiene la propiedad display: flex
; pero no lo consigo, y no sé si puede.
He estado probando con la propiedad opacity
y con z-index
. Pero nada de nada.
.flex-container {
display: flex;
justify-content: center;
align-items: center;
}
#div1 {
width: 500px;
height: 500px;
background-color: red;
}
#div2 {
width: 250px;
height: 250px;
background-color: gold;
border: 1px solid #333;
border-radius: 20px;
}
<body class="flex-container">
<div id="div1"></div>
<div id="div2"></div>
</body>