All solutions

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

I followed the proper steps to do a mobile-first approach. I will set a design style for spacing and sizing to improve UI/UX and the layout's uniformity.

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

I used CSS pseudo selectors. I'll be more mindful of the sizing, margins, and paddings.

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

I had trouble making the responsiveness smooth since the layout breaks in some breakpoints. I dove deeper in how flexbox works and how to properly use its functionalities.

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

I learned new techniques to have a cleaner coding structure.

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

I got stuck a bit since my focus state was not working. I just searched for the solution and tried it.

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

I could copy the design closely without having the Figma file with me. This tested my judgment when deciding how much padding or margin I needed.

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

I encountered some errors in using the ::marker pseudo-element due to its restrictions in margin and padding. To overcome it, I searched the web and used AI to speed up debugging and learning what went wrong.