All solutions

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

I like how the challenge turned out to be with the javascript implementation however id like to use css only for transitions as simple as the one i used

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

• i dont know whether its ok to use min-height: inherit; on the main tag so it inherits the height of the body. The main tag was too short, i managed to solve the problem with min-height: inherit; and flex-grow: 1; but id like to know which approach is better
• max-width: ..px and width: 100% will work on both flex and grid items. However on grid items, when scaling down the viewport max-width gets ignored, id like to know why that happens with grid and not with flex

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

Id appreciate any light shed on why max-width: 100% for containers works on flex items when scaling down the viewport but it wont work on grid items

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

I liked the end result for the shadows and hover effects. I would like to keep working on flex then proceeding onto grid

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

My initial intention was to set the "attribution container" at the utmost bottom while keeping the "card container" in the middle. I found it the impossible since justify-self doesn't work on flex. if this scenario is possible with flex alone id like to know how to

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

I know "align-items" aligns depending on "flex-direction", however is there any alternative to "justify-self" for flex when aligning items either vertically or horizontally?

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

Using flex helped me the most when it came to centering the main container

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

Pinpointing the sizing for the fonts and centering elements inside the body

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

Is it correct to set 100vh to the body element? otherwise how can i make use of flexbox for centering the main container inside the body

Any other feedbacks i recieve I would beyond grateful for