Skip to content
OverviewSolutions
25
Comments
4
DarkFenix013
@Darkfenix013

All comments

  • DarkFenix013•390
    @Darkfenix013Posted over 2 years ago

    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
    0
  • DarkFenix013•390
    @Darkfenix013Posted over 2 years ago

    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

    1
  • DarkFenix013•390
    @Darkfenix013Posted over 2 years ago

    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
    1
  • Joshua Watson•150
    @JoshLanderzSubmitted over 2 years ago

    I am having problems getting the aqua-ish colour to attach to the image when hovering on the NFT. I tried using the properties backdrop-filter & filter.

    None of them worked how I had originally planned. I think I could have done this with JS but I am assuming there is an easier way to do this of course with just CSS. Could anyone assist on this? Much thanks in advance :)

    Responsive NFT Card Component

    1
    DarkFenix013•390
    @Darkfenix013Posted over 2 years ago

    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; }

    2