All solutions

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

Why is my responsive layout failing? I've redone it many times and still have problems. I'm definitely doing something wrong, but I can't find the problem.

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

I was a little troubled by the background color masking, but I finally found a method that seemed to be pretty good.

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

Swapping divs up and down is a bit difficult for me. Although it was barely done, I don't know if there is a better way. Or, did I make a mistake from the beginning?

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

Although I am not sure if my method or syntax is correct, I am still very happy that I succeeded in using jquery to load data!!

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

In the adaptive layout, it was a bit of a failure to change the divs originally arranged left and right into a full layout up and down, but then I tried to use vw and vh to barely complete it. I don't know if there is a better or more correct way.

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

I'm not confident in my js and jquery. This exercise is simple, practical and easy to get started with. And it successfully achieved the effect I wanted! My self-confidence has grown a lot!

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

Create an accordion effect, trying to make one question open and another close. At first it always failed, but then I searched for reference methods. After repeated attempts, I finally succeeded!!

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

I have always used px to set the size before, but this time I followed the suggestion and switched to rem/em. Only then did I discover that the font size of Traditional Chinese Google Chrome will directly affect the development preview.

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

The responsive layout that I was not familiar with before has become much simpler after repeated practice in previous challenges. This challenge makes me feel proud, I have more confidence in myself, and the process is very enjoyable!

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

None

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

None

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

This was my first challenge and I'm proud that I completed it on my own. I am a stay-at-home mother who uses her spare time to teach herself front-end technology. Completing this challenge is a great encouragement to me. It also lets me know where I am and where I need to improve.

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

The biggest challenge I encountered was making a responsive layout. But through constant experimentation, reading technical articles and YouTube videos, I finally overcame the difficulties and made a responsive layout that satisfied me.

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

I am a newbie, and when I write code, there may be some redundant words that are not applicable in the industry. If you find anything that can be changed please let me know, thank you. In addition, I am Taiwanese and my English expression ability is weak. Please forgive me if my sentences don't flow well.