All solutions

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

This project didn't take much time and I'm glad I got used to manipulating the styles.

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

The biggest challenge was finding the best picture and connecting all the links :)

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

I am open to any advice, thanks in advance!

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

This is first time I use local fonts. Next time I will try using transitions and dive deeper in local fonts in case of finding better and faster way of implementing them.

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

In given assets there was fonts directory and it was first time I saw how they look and did not know how to implement them. After searching on internet for possible solutions I found a lot of links that are really helpful and step by step guide me to accomplish of implementing fonts.

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

In this 'design' challenges we can approach in any way. I am satisfied with my solution but there is one thing that bother me. When we hover link/title of component, component change header color and card shadow should be doubled. My approach was using transitions but there is not (an easy) way of manipulating parent. I would be really grateful if someone show me how to do it or explain me other better way for this (and similar) situations.

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

This is the first time I use CSS variables and use rem's for margin and padding instead of pixels. Next time I will try to use CSS variable name patterns and sort them in some order that I will find most logical.

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

Well biggest challenge was editing README.md :) Just kidding, although there are many things we can specify to make the project description beautiful. Biggest challenge was to get right ratio of hero component and combine margin with padding so text looks like on design previews.

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

I didn't like how i hardcoded margin-top for hero component (class hero). I would like if someone tell me a better way of centering components vertically.

P.S. I know for using display: flex, but then I would need more divs? Correct me if I am wrong.