Clik here to view.
Cómo elimino los espacios en blanco generados por FlexBox?
Mi problema es el siguiente. Quiero que el primer Contenedor (.pop-up-title) tenga menos alto que el segundo (.suscription). El primer contenedor tiene un alto de 400 pixeles y el segundo tiene un alto...
View ArticleClik here to view.
Como quito un espacio en blanco o fantasma generado por un enlace en css?
que tal. Necesito ayuda con un un asunto que parece bastante simple, pero no puedo resolverlo.Les comparto la imagen de lo que me sucede.Todo iba bien, hasta que agregue el icono "close" y lo converti...
View ArticleClik here to view.
iPhone no muestra como debería mi página
Estoy intentando arreglar un problema con la visualizacion de un overlay de una galería de una web en Iphone. Pensaba que podías ser cosa de Safari, pero probamos a instalar firefox en el iphone de un...
View ArticleClik here to view.
Cómo hacer center-align en un elemento flex y right-align para otro con Flexbox?
.box { display:flex; justify-content:center; border-style: solid; border-color: blue; } .item1{ flex:1; display: flex; justify-content: center; font-size:5rem; border-style: solid; border-color: coral;...
View ArticleClik here to view.
Como ajustar un elemento al medio de la pantalla?
Llevo mas de una hora pensando en como poder ajustar los cuadrados al lado central derecho.Están en la parte superior derecha y quiero que se ajusten al centro derecho que queden como la imagen de...
View ArticleNo puedo utilizar bien flexbox con artículos PHP
Estoy haciendo un eCommerce y todo funciona bien. Estoy haciendo la web responsive y mi deseo es mostrar productos según categoría. En la categoría inicio tengo 4 productos. Y los quiero mostrar (en...
View ArticleClik here to view.
Problema con flexbox al disminuir de tamaño la pantalla
Tengo un problema con flexbox, al minimizar el tamaño, los elementos se pasan a la parte de abajo y no se adaptan al tamaño de la pantalla, dejo unas imágenes y mi códigoGracias por su ayuda,...
View ArticleClik here to view.
Tablas y overflow-y
<div class="container"><table class="table table-dark table-responsive-xl" style="max-height: 200px;"><thead><tr><th scope="col">ID</th><th...
View ArticleClik here to view.
Dos imágenes con forma de triángulos opuestos responsive
Como el titulo lo indica, lo que estoy tratando de conseguir son dos imágenes en forma de triángulos opuestos por su hipotenusa, las cuales al pasar con el mouse por ellas recibirán una transición en...
View ArticleClik here to view.
¿Es posible usar flexbox para que ocupe el espacio entre contenedores?
Este es mi problema, antes usaba "column-gaps:6;" para que me permita hacer esto, pero cada vez que cargaban mas posts, se desordenaban, y aun poniendo "position:absolute" o algun otro atributo, no se...
View ArticleClik here to view.
¿Existe alguna clase en angular material para espaciado como en bootstrap?
Hola estaba tomando un curso de material angular, pero siento como tiene muchas carencias y no estoy seguro si estoy leyendo bien la documentación. he notado que tiene su propio grid de columnas pero...
View ArticleClik here to view.
¿Cómo crear cajas de diseño responsive flexboox?
Tengo la siguiente estructura de diseño muy elegante en su forma de adaptarse en pantallas muy pequeñas cada columna se vuelve al 100%..bg-dark-1 { background-color: #1A1A1A;}.module-1 { display: flex;...
View ArticleClik here to view.
Combinar flex-start y flex.end en un mismo container, flexbox
Buen día, me gustaría ver si puedo recibir apoyo en cuanto a un div flex, mas que nada, modificar el contenido dentro del flexbox, necesito que el container tenga texto como al principio, como al final...
View ArticleClik here to view.
Establecer diferente alto a cards grid dependiendo de su contenido
Buen día comunidad,Tengo la siguiente imagenY mi html estoy usando grid.cards-container { width: 100%; max-width: 800px; margin: 1 auto; display: grid; gap: 0 35px; grid-template-columns: repeat(4,...
View ArticleClik here to view.
posicionamiento en flexbox
les dejo aquí estas imágenes y ahora les explico.Bien. La imagen 1 representa lo que estoy haciendo, es un contenedor flexbox con 4 items dentro que al pulsar la flecha se van desplazando de 2 en 2,...
View Article¿Los hijos en Flexbox pueden cambiar el width del padre?
En mis item1 meteré la imagen que me llegue de una videoconferencia, por lo que quiero que el ancho del container1 y container2 dependa del número de personas en la sala.Me gustaría que container1...
View ArticleClik here to view.
Mismo CSS en distintos navegadores, distintos resultados
Tengo una lista de elementos que tienen consigo un botón para eliminar..container-solicitud-cursos .lista-items .caja-item { display: grid; grid-template-columns: 90% 10%; border-bottom: 2px dashed...
View ArticleClik here to view.
alineando los contenedores hijos con Flex
Estoy intentando centrar un contenedor de manera que este quede en medio de todo. Sin embargo no lo he logrado, siempre se queda en la parte superior (top) del contenedor padre.* { margin: 0; padding:...
View ArticleClik here to view.
Establecer alto con grid-colum
Con grid-colum se puede hacer por ejemplo que un grid se diferente al resto, por ejemplo que ocupe una sola fila:grid-column: 1 / -1Pero mantendrá el mismo alto que el resto de grid's. ¿Como puedo...
View ArticleMenu desplegable flexbox
Hola buenos dias tengo un problemita. Quiero hacer un menú desplegable de 2 niveles con flexbox y no logro hacer que me funcione. Copio el codigo para que vean el problema por favor.html { font-size:...
View Article
