¿Hay una forma(proceso/método y/o guía) de averiguar las medidas correctas? yo me guie a través del párrafo según su medida (14px) así es como esta hecho esta solución
👋 ¡Hola Víctor! Espero que te encuentres bien.
Sí, existe una extensión de Chrome que te permite comparar tu página con una imagen y así conocer el tamaño exacto de los elementos. Te la dejo por aquí:
🔗 PerfectPixel: PerfectPixel by WellDoneCode
Puedes buscarla en el navegador o usar el link como prefieras. ¡Espero que te sirva!
_
What challenges did you encounter, and how did you overcome them?_
What specific areas of your project would you like help with?I feel the font looks a little bit different from what's available in Figma. I "THINK" I'm specifying the same properties, such as font-family, font-weight, etc., as in Figma, so I'm wondering where the difference comes from.
Hi yasunori, I hope you are well, good design, I liked it, I would only say that you should add two little things:
In the body you could add height: 100vh; and align-items: center;, to center the card and depending on the height of the screen this is centered.
align-items: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
unit of vh: https://www.w3schools.com/cssref/css_units.php
Now about the title font, it seems to me that it is the same font, what you could do is to increase the weight to 800 and decrease the font size.
making the page look close to the figma files in the notes
What challenges did you encounter, and how did you overcome them?how to make the gradients and the positioning of everything. looked it all up on google
What specific areas of your project would you like help with?getting the grid to be the right size in tablet size
Hi David, I hope you are well, I liked the final result of the page and to help you with the issue of the size of the grids could help you with a chrome extension called pixel perfect, I leave the link to the extension and a video of how you can use them.
Link extension: https://chromewebstore.google.com/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=es
Link video youtube: https://www.youtube.com/watch?v=mz1A9lWbGX4
I hope you can help David, have a great day.
de ter conseguido usar js
What challenges did you encounter, and how did you overcome them?de poder fazer a imagem de plus e minus mudar, eu consegui fazer depois com outra alternativa que era fazer com textContent.
Hello Letícia, I hope you are well. I liked how you made the page. I noticed a few things that would be good to consider:
Learnt how to do the toggle thing. I've always wanted to do it, but never able to. Really cool project to enjoy.
Have several problems with the responsive, so at the end I decide it to not implement it. The main problem was when I used the @media screen... and I used: .flex-container{ flex-direction: row; }
I had a terrible overflow that I was not able to solve. I would really appreciate the help.
Hola, claro utilizando las media queries, lo podías conseguir, yo hubiera modificado flex-container colocándolo de esta manera: .flex-container{flex-direction: column}
Además agregando un gap para crear un espacio entre las tarjetas asi: .flex-container{gap: 2rem}
también deberías modificar el height de main-container asi: .main-container {height: auto}, lo demás solo seria aplicar algún margin para separar el contenido. Espero que te pueda ser de ayuda 👋
