Skip to content
OverviewSolutions
11
Comments
3
fersrm
@fersrm

All comments

  • fersrm•230
    @fersrmPosted almost 2 years ago

    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
    0
  • Joshua Covington•50
    @jcovington16Submitted almost 2 years ago

    • Making this site mobile responsive was the most difficult part while building this project. Also making sure that I could change the color/opacity of the picture.

    • I'm really am unsure of the structure of my project.

    • I want to know how I can switch the order of divs when working on the responsive design. I know divs are by default block elements and I was able to items side by side, but when trying to make it mobile responsive I wasn't able to switch the divs, nor change other elements.

    Stats-Preview-Page

    1
    fersrm•230
    @fersrmPosted almost 2 years ago

    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
    0
  • fersrm•230
    @fersrmPosted almost 2 years ago

    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
    1