All solutions

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

Semantic HTML Using CSS variables

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

Adding font style

Now, the solution that is comparing the design is not accurate. Pls visit https://martinianol.github.io/

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

None

I know, I need to start using React... Promise will do it in next project :-)

Hi! I used EJS but I believe React could be much better solution for this challenge. I hope you like it Mars

Hola!

It was extremely hard to place all the buttons at the bottom and aligned. Flex within and justify-content: space-between within the parent container did not work as I could either get the buttons and the top icons aligned but everything depended on how many lines were in the paragraph boxes. I finally did it by using

button {
  position: absolute;
  bottom: 2rem;
}

Previously declaring it's container position: relative. Problem was that it took the button out of the document flow (shrinking everything). So what I ended up doing was to place an empty div with a height the size of the button. Not sure if this is a proper technique but it did the work. If someone nows a better way, please do tell.

Hola!

This is the solution I got. I believe the height of the cards is not perfect but I'm happy of my result and the responsive solution.