@AlfonsoVidrioSubmitted 3 months ago
What are you most proud of, and what would you do differently next time?
I’m proud of learning how to replicate a simple design in Figma. Next time, I would like to use CSS Grid instead of Flexbox for better layout control.
What challenges did you encounter, and how did you overcome them?
I had trouble centering my component on the screen, but with some research and help, I was able to achieve it successfully.
What specific areas of your project would you like help with?
For now, I think everything is fine. I'm pleased with how it turned out, especially considering it's my first challenge.
@AnnyCarolinePosted 3 months ago
First, your repository README is very well written!
It's also great to use CSS variables for colors. It helps a lot if you need to implement theme switching or when you need to update a color.
I missed the fonts, thought. You can download it from the link at the style-guide.md and import it at the CSS using @font-family.
Also, the card placement doesn't seem right. I can think of two ways of solving this issue:
- Using
display: flex: define the height of the body as 100vh, and make it a flex container, with both align-items and justify-content as center.
- Using
display: grid: define the height of the body as 100vh and make it a grid container. Then, define place-self: center; for your card.
Please, let me know if you need any help fixing the code. My LinkedIn is https://www.linkedin.com/in/anny-chagas/.
1
