@manuvh152
Submitted
Some struggle with image sizing responsiveness.
@fersrm
@manuvh152
Submitted
Some struggle with image sizing responsiveness.
@fersrm
Posted
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 htmlMarked as helpful
@jcovington16
Submitted
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.
@fersrm
Posted
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
@chayansurana3
Submitted
This is my first project using Javascript. All feedback is welcome.
@fersrm
Posted
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