@Emazs
@mahata
Submitted
What are you most proud of, and what would you do differently next time?
_
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.
@Emazs
Posted
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.
Marked as helpful
@davidmoreau2
Submitted
What are you most proud of, and what would you do differently next time?
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
@Emazs
Posted
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.
@let-sampaio
Submitted
What are you most proud of, and what would you do differently next time?
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.
@Emazs
Posted
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:
Marked as helpful
@jmartinpizarro
Submitted
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.
@Emazs
Posted
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 👋
