@z3zUK
DarkFenix013
@steveflores-013All comments
- @steveflores-013
me gusta como te quedo, te quedo incluso mejor que a mi. por otra parte yo añadiria en el diseño de escritorio, usar repeat (3,1fr) para definir el numero de filas y el tamaño de las mismas, en lugar de 1fr, 1fr, 1fr. fuera de eso me parecio interesante el utilizar un elemento ul e il para realizar las card. excelente trabajo, felicidades.
Marked as helpful - @Artexlive@steveflores-013
excelente trabajo, se ve muy bien, lo que podria modificar serian los padding de la card para que no se observara pegado al top del body. intenta con estos padding: 30% 40%; en el body. espero te sirva de algo. saludos
- @justinnvera@steveflores-013
excelente trabajo esta muy bien, yo agregaria un font-weight de 500 para el proceed to payment y un box-shadow al btn, por otra parte el color del btn cancelar. te dejo mi fragcion del codigo para esta parte espero te sea de utilidad. .btn__preced, .btn__cancel{ border: none; height: 55px; border-radius: 10px; font-weight: 700; font-size: 1em; } .btn__preced{ color: #fff; background-color: var(--Bright-blue); box-shadow: -1px 16px 27px -17px rgba(0,0,0,0.28); } .btn__cancel{ color: var(--Desaturated-blue); background-color: var(--Very-pale-blue); } y una vez mas excelente trabajo lo estas haciendo muy bien.
Marked as helpful - @JoshLanderz@steveflores-013
buenas, espero te encuentres muy bien, has hecho un excelente trabajo, espero poderte ayudar con el efecto hover sobre la imagen de equilibrio intenta colocarle una position relavite al contenededor que tiene la class="superposición de envoltura de imagen" , intenta de esta forma, espero te sirva, a mi tambien me costo un poco este paso, espero te funcione. .superposicion{ position: absolute; bottom: 1rem; width: aqui intenta colocar el mismo valor que en el contenedor de la imagen de equilibrio%; height: 0; opacity: 0; display: flex; justify-content: center; align-items: center; border-radius: 15px; background-color: hsla(178, 100%, 50%, 0.596); transition: .5s ease; overflow: hidden; }
.superposición de envoltura de imagen:hover .superposicion{ height: 90%; opacity: 1; cursor: pointer; }
