All solutions

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

I'll definitely not forget to set the img display to block

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

I was having some trouble with the image, but it was only a matter of display and object-fit properties.

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

Is the responsiveness okay? Should I worry when the screen gets too small, like < 200px?

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

I got stuck a bit while trying to design the lists and the table at the bottom of the page. It was hard to follow the figma design file for those parts. I end up using padding for the list bullet points and numbers and also the text that follows.

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

As this project has specific layout requirements for various devices, I have started learning about rem units and the max-width CSS property to enhance page responsiveness. Additionally, I’ve explored media queries to adjust the profile card’s design for different screen sizes. I think I did a good job on those.

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

I'm proud that I added comments to organize the CSS a little better (compared to the last qr-code project). I've also tried to use the CSS multiselector to compress the styling code.

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

I'm a little more confortable with basic flexbox, but I believe that with the next projects this should improve more.

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

I'm still a little uncomfortable with flexbox, but I believe that with the next projects this should improve.

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

I'm not sure why an image is overflowing inside a certain container. I tough that would fit to the parent container. The solution I found was to force the image's width or height to 100% (width). Don't know if this is enough or if it's necessary to add the object-fit property.