Getting my hands dirty with useSate hook in React for updating the errors.
What specific areas of your project would you like help with?Got stuck with updating the form inputs color to red when the are erros.
You have several problems, like:
I will make you a PR to solve those problems. Have a good day
Any feedback is welcome.
the multiplication operation doesn't work
Layout of the product preview card
Did it using SCSS and was trying to follow BEM.
I didn't separate the styles and images into subfolders because it doesn't make sense for such a mini project.
CSS file was also not minimized specifically for readability.
I would appreciate your feedback.
EXCELLENT WORK BRO I can give you a few tips
beside that you do a excellent work
i cant change background color with pseudo ::before or after dont works 🥴🥴, help me!
Hola bro saludos desde México 🇲🇽 hiciste un excelente trabajo a mi parecer, pero hay un par de cuestiones en tu codigo que podrias mejorar, en cuanto al documento HTML tienes un h3 antes que un h2 entonces primero tendrias que tener un h2 en tu codigo tienes
<h3>12m+</h3> <span class="span2">queries</span> </div>
cuando deberia ser mejor
<h2>12m+</h2> <span class="span2">queries</span> </div>
tambien en el formateo de tu codigo no es necesario poner porcentaje o px simplemente dejandolo en 0 basta
tu codigo 👇
*{
margin: 0%;
padding: 0%;
}
como seria mas adecuado a buenas practicas 👇
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
Te recomiendo este canal de youtube para que le des una repasada a todo lo de CSS, HTML y Js, es un increible maestro y lo mejor de todo es gratuito, animo hermano vas excelente
Espero te sirva 😀
NO TAN SEGURO: en la parte me @MEDIA QUERY al momento de centrar las tarjetas en la medida de width me salia con scroll.
Hola buenas noches Nathan, excelente trabajo pero seria buena idea que empieces a utilizar otros metodos de layout como Flexbox y Grid no solamente te haran el trabajo mas facil si no que no tendras tantos errores a la hora de hacer el diseño responsive, por otra parte tambien te recomendaria que empezaras todos tus layouts con la metodologia Mobile first, justamente acabo de terminar este mismo proyecto puedes ir a verlo, usa las teclas ctrl + shift + m para poder ver los layout en diferentes medidas. Tambien te recomiendo que hagas el README por seguir las buenas practicas
In my div container, I have set its dimensions to 100vw and 100vh respectively. I expected the container to fit the view port. However, there still are scrollbars. Why is that?
Hi good attempt, that happen because you need to do a reset of the padding and margin and you forget do it, in this part of you code *, *::before, *::after { box-sizing: border-box; font-family: Outfit, Ubuntu, sans-serif; } you only need to put the margin and padding at zero like this *, *::before, *::after { box-sizing: border-box; font-family: Outfit, Ubuntu, sans-serif; margin: 0; padding: 0; } I hope that help you
I did not fully respect the mobile version because I kind of liked my version better.
Awesome job bro, but you miss a semi-colon in the line 119 of your styles.css document section { background-image: url(images/image-header-mobile.jpg) <-- right there beside that your doing an awesome job I find myself stuck in this same challenge
I'm starting, I found some difficulties, and I had to research a lot to adapt some and be able to apply responsiveness between desktop and mobile, it wasn't perfect, but I believe it's a good start, I'm open to criticism and suggestions, thank you
Good first attempt I recommend you to start the design with the mobile first methodology, and set the image in the CSS document with the background-image property and the url() function in you're case it will be something like background-image: url(images/image-product-mobile.jpg); if you don't see the image appear you need to give it a width I hope I've been helpful ;) don't give up
