P
@MoepyaCode
Latest solutions
css grid,flex-box
#react#react-router#tailwind-css#typescript#framer-motionSubmitted 23 days agoCan you help me with any suggestions for improving the code or how to use the Motion library? I'm just trying it out.
CSS grid y flex,media queries
#react#react-router#sass/scss#viteSubmitted 8 months ago1-)Cualquier consejo en el código o diseño sera bien recibido. 2)Si tiene otro punto de vista de como hacer la solución puede compartirla,estoy aprendiendo React, así que será de gran ayuda para mi aprendizaje .
Latest comments
- @SpartanFranco
Hola,buen trabajo,solo te falta que después de que dan error los inputs, al llenarlos y hacer el submit no se resetean los errores y continúan viéndose
Marked as helpful - @GiaBaoDoan@SpartanFranco
1-)Hello, good job!!, you could also validate the sidebar so as not to pass the form step without completing it, you can even confirm it in the last step without completing it, otherwise...super
- @xStephx@SpartanFranco
Holaa,buen trabajo !!,me fijé que al hacer el submit con los inputs vacíos se sale del contenedor el botón de submit,porque tienes como clase md:max-h-[770px] ,entonces si sus componentes se mueven como es el caso pueden quedar fuera del main,podrías usar h-fit para que se ajuste a su contenido o aumentar el max-h para evitar ese problema ...y solo te quedaría intentar como hacer que despues de darte error los inputs al escribir en ellos el color de la fuente no sea rojo
Marked as helpful - @ArinzeGitWhat are you most proud of, and what would you do differently next time?
This is my first project with Tailwind CSS. I am most proud of adding Tailwind CSS to my skills set. I am also proud of creating and using custom React hooks for the first time. I used it for step control. What I would do differently next time is to use less of absolute units (px) and more of relative units (rem, em, %)
What challenges did you encounter, and how did you overcome them?Being my first time using Tailwind, I encountered issues with styling pseudo-classes, pseudo-elements, media queries and some compound CSS properties. I overcame these challenges by using the Tailwind documentation every step of the way.
What specific areas of your project would you like help with?I'd like to know other ways of implementing a multi-step form other than custom react hooks for step control.
@SpartanFrancoHola,excelente trabajo,el único error es que el botón de cambiar a mensual y anual no funciona y las letras del del formulario de registro al escribirlas son de un gris muy claro...te quedó igualito 💪
Marked as helpful - P@O-Julia-OWhat are you most proud of, and what would you do differently next time?
I'm proud that I was able to create working tab switching and extract data from a JSON file.
What challenges did you encounter, and how did you overcome them?It was challenging to adjust the cards to match the specified design. I added margins, paddings to the text, and line height, which helped align the card properly.
What specific areas of your project would you like help with?I need help with grid layout and also with the JS code. Did I place the styles correctly, and is my JS code clear? What can I improve?
@SpartanFrancoHello in layout, @media screen and (min-width: 70rem) { .hero__details { margin-bottom: 8rem; ---remove this rule; } .card__item { height: 300px;---- > height: 15rem; lower the px or change it to this measurement, which is more advisable to use relative measurements,
but you have to play with the height of -.hero_container- to make it as similar as possible; if you are using grid, you could enclose - hero_container- inside cards as well and declare .cards{ grid-template-columns: repeat(4,1fr ); grid-template-rows: 1fr 1fr; }
already:
hero_container { grid-row:1/span 2 } and then you wouldn't have to play so much with the height of the cards and the hero_container
} But still...Good job!!
- @sudhanshusingh-g@SpartanFranco
Buen trabajo,solo un poco de gap para separar los elementos y padding en los contenedores
