All solutions

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

I've learned about measurement units, Responsive designs and organizing everything into parts and makes me know a lot about how to visualize everything in head before writing it down I'm now getting used to resonsive design concepts and might use this better

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

This project is quite challenge because it has a lot of stuffs in the page. At when i was so confused i have to redo things or start over everything again because my brain can't process (i was starting over for 3 times) But when i tried to organize codes and using comments to saperate everything into parts and it became easier and easier to look up.

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

the final version has a bit issue. when you open in mobile viewport the container of texts is slightly move to the right and i still don't know why because i tried so hard to align stuff and symetrical things. if you can point out my problem it would be great!

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

I can visualize stuff better and think about what should i do and tool i need faster like i get more used with it

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

I find it hard to make replica of an original one because i can't measure things but its still looks great!

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

honestly i didn't think any of this so if you have any suggestions please drop it below

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

I'm proud about using translate & transition property. because it made elements looks more lively

Also, I just known about using CSS Selector in another CSS Selector because it maybe opens up my creativity but it seems to have some issues. Maybe there is more ways to do stuff like that

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

Aligning elements vertically is somehow difficult than horizontally because i tried to use align-items: center but its not working for me so i'm searching for any methods and i found out that i need another container element to wraps up the card itself and its now works perfectly fine

About the label name "Learning" (which i called info-status in this project) it stretches out by parent element which i set the property as display: flex and it uses all the width of the element and i asking people if there any solutions there and i got some tips from @gracesnow that i can use display: inline-block for a single child element in Flexbox and its worked

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

I don't know if is there any better way to do this or more accurate than this. I want to know if there any best practices or more tips & tricks about this

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

aligning the contents so perfect after learning about flexbox

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

at first i can't center divs but after researching on Google i got some idea but still can't fix it and i check the width of body tag because i set it as flex and found out the width was follow the contents inside so i set it as 100vh and fixed everything

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

nothing