All solutions

What challenges did you encounter, and how did you overcome them?

Deciding to use or , at first I use button but I lost right click context so I changed my mind and styled to looks like a button.

What challenges did you encounter, and how did you overcome them?

• The hover effect over the text it's not perfect
  • I just added a little shadow but this was not the objective.
    • Also tried to use webkit stroke but didn't work because font letter were overlapping.

What specific areas of your project would you like help with?

• Any tips for the text hover effect?

What are you most proud of, and what would you do differently next time?

I'm happy with the result.

Next time I would like to implement the component in react.

What challenges did you encounter, and how did you overcome them?

I had problems with:

• Resizing the card with the image
  • I solved it using max-width in px in card class
• Placing the card in the middle of the screen
  • Solved it with min-height on body
    • Had to use a value lower to 98vh to avoid scroll bar (overflow) and high enough to fit the card in the center of the screen.
• Adjusting spacing between text
  • I just created 2 little classes to modify top and bottom margin

What specific areas of your project would you like help with?

I have some questions in the following topics:

• It's fine to add/modify body style?
  • As I did to solve 2nd problem
• There is a better solution to fix spacing between text and card?
  • Maybe inline style on instead of 2 one line classes on stylesheet?
• Should I add always min-width to my componenets in order to meet small screen (320px) requirements (WCAG (I didn't read the guidelines only the tip))