All solutions

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

Honestly I finished this product, with the thought of I could never or will never arrange the cards based on the outcome given. I TRIED TO FINISH THIS AS FAST AS I CAN! IT TOOK ME 2 WEEKS TO FINISH THIS (I took a day breaks in between to clear my mind because I could not understand a thing as the time goes by, so I have to refresh my mind with this one.) I will probably do the next challenges using mobile approach first as it makes it easier for me, I did approach this and my first other projects by designing large screen first that's why I had a hard time.

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

Caaaaards! I had a hard time putting the karma card below the Team builder card. I had to redo my external CSS twice to understand what's happening. Tried to look for resources but somehow I have hard time understanding using the CSS grid i.e 1/2 2/3 (not sure with this tho)etc. I did my research and decided to use display:absolute for the card-karma and adjusted the transform:transitionY.

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

As you will notice when you transition into smaller screen my card-karma's width stayed the same unlike the other. Kindly, help me with automatic adjusting it with the same width as the other cards. Please. Also, any feedback will be appreciated. TYSM!

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

Finishing this project.

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

Centering the content horizontally and the content itself keeps sticking to the left side whenever the screen changes into mobile T^T

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

probably usage with CSS. I applied flexbox in my HTML based on bootstrap but at the same time I still applied flexbox in my CSS to achieve my desired result based on the picture given. It's giving redundancy. I think my code isn't clean. Please roast me in this challenge gently. Any feedback will be much appreciated. Thank you in advance.

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

Finishing this project

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

Image. I have to adjust the image pixel by pixel per size of the screen. The colors, I don't know if it's just me but I had a hard time differentiating the colors?

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

Any feedback will be much appreciated. Thank you!

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

It gets easier the third time :)

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

Any feedback is appreciated :)

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

On my very first challenge (QR-code) somebody told me to use sematic HTML, to use section or article for the approach instead of the divs. On this second challenge I did the feedback of what I was given. My problem is I'm not sure when to use the or . I read a lot of which should I use of the two.

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

Please don't go after me as I am still learning. I have tried my very best and I am open for more feedbacks. Enlighten me on when to use and , and .

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

How easy the challenge is but I'm an overthinker so I overthink this project and instead of finishing it within 30mins - 1hr, I finished it in 1 day. Probably next time I wont overthink much on which approach should I use.

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

One of the challenges I encounter is probably sizing the column, col-12 to narrowing and putting the component in the middle even though I have tried so many approaches. I solved the sizing by using the "rem" sizing instead of % or px when it come to width. And for centering the content, I place the "d-flex justify-content-center align-items-center" in the parent instead of child.