mi inglés no es tan bueno, pero hago todo lo posible para explicar mi problema y trato como 10 temas para encontrar una solución, pero no puedo entender ...
quiero después de presionar este div
<div id="test" class="br3 mb3 ph3 pv2 ba b--black-10 flex justify-between items-center pointer hover-b--primary5"> <div class="f5 flex items-center">Test1</div>para bloquear la pantalla para mostrar el contenido de este div
<div id="modal" style="display: none; width: 370px; position: fixed; right: 2px; top: 0; z-index: 99; background-color: white; border-radius: 0px 0px 10px 10px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);">Gracias y que tenga un gran día :)
Puede agregar un detector de eventos cuando se presiona el div o decir onclick="changeDisplay()" y agregar ese código al div en el que desea hacer clic.
Luego agregue este código para diseñar el div después de que se haya emitido la función:
<script> function changeDisplay() { document.getElementById("modal").style.display = "block"; } </script>