Skip to content
OverviewSolutions
11
Comments
3

fersrm

@fersrmchile230 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • fersrm•230
    @fersrm

    al body le falta min-height: 100vh; para que se pueda alinear verticalmente, para el contendedor de la card es mejor usar la etiqueta main por temas de estructura de una página no puedes tener más de un h1 por página para

    <h3 class="past-price">$169.99</h3> puedes usar mejor la etiqueta span yo personalmente uso esta pagina: "https://validator.w3.org/nu/#textarea" para verificar la estructura del html
    Marked as helpful
  • fersrm•230
    @fersrm

    hola lo mejor sería cambiar

    @media screen and (max-width: 853px) and (min-width: 451px)
.card {
    grid-template-columns: 1fr;
}
.left {
    padding: 1rem;
    order: 2;
}

    corriges también la otra media screen y deveria quedar bien y para el fondo en la imagen

    .right::before{
    background-color: hsla(277, 64%, 25%, 0.51);;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}
    Marked as helpful
  • fersrm•230
    @fersrm

    hola el problema que veo es que, aunque mande el valor del último botón igual puede marcar todos los bonotes quedando activados podrías recorrer los demás botones si marca uno nuevo y desactivarlos, aunque la opción más fácil que yo encuentro es usar input type radio así automatíceme de desactivan si presiona otro y podrías obligar al usuario a que marque una opción

    Marked as helpful