All solutions

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

Pretty satisfied with the overall result

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

Changing the position of the "See all" button was challenging, had to refactor the code, but managed to overcome the problem with the grid-template-areas property

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

Any feedback would be appreciated, thanks

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

First project using tailwind, had to check the docs many times, but I like it.

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

Main challenge was the top colorful border in the cards, had 2 ideas how to do it:

• with ::before pseudo-element
• by putting a colorful div behind the card with dark background

Decided to go with the 2nd one, because I didn't know if placing a bg img inside a pseudo-element would even work. My first solution isn't ideal, cause I had to change the height of the div in the background.

Other challenge was changing color of the three dots to white on hover, unfortunately didn't manage to do it, tried changing fill property of the svg but didn't work unfortunately.

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

Tips regarding the problems I described higher or any other suggestions will be much appreciated, thank you for your time 🙂!

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

Proud of the tooltip, my js logic in this project is kinda messy, woud probably need some improvement.

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

The whole onclick logic and adding/removing css classes/styles was hard for me to figure out

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

Any feedback would be appreciated

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

Not sure if my css is well organized, but overall any feedback or suggestion would be highly appreciated, thanks in advance 😉!

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

Proud of how the cards are responsive and the grid changes based on the screen size, put extra effort into it.

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

Had to get more familiar with some grid css properties (e.g. justify-items, justify-self) to place cards properly.

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

Any feedback would be much appreciated, thank you😊!

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

Definitely liked the mobile-first approach that I tried for the first time.

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

Didn't know about the picture html element, the links provided in the learning path leading to web.dev docs helped a ton.

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

I think I implemented the BEM methodology pretty well even though it took some time as I had to get used to it.

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

The biggest problem was the hover overlay. I googled some examples of it and worked out the result I wanted. Need to remember it's all about the position and overlay css properties 😅

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

Next time I need to think more about organizing my css files, I had css classes that were used in more than one component.