All solutions

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

I'm proud of the fact that I was able to finish this challenge in under 2 hours, it made me feel like I'm actually learning and being able to apply what I've learned. For future projects I will try to do more complex challenges to further improve my skills.

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

The only challenge was how to centered everything in the middle of the screen, after a little bit of head scratching I figured it out and believe that it's not going to be a problem anymore.

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

With this particular project perhaps with how to properly space things out, do I do everything with the parent? Or do I do with each children individually? Although the result is relatively close with what was asked, I feel like there is a proper way of doing spacing.

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

I'm proud of the fact that I managed to get the proportions relatively close by eyeballing, since I couldn't properly use the PerfectPixel pluggin.

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

The responsive image and the non responsive font size was definitely a challenge, my solution, which involved calculating the font size based on the viewport and creating a few media query to deal with the weird proportions, probably wasn't the best one, but it kind of got the job done.

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

How to actually make a responsive image and font size without all the convolution.

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

The fact that I was able to visualize the main structure of the HTML quite accurately was surprising to me. I think that first drawing on a piece of paper and breaking it down, analyzing what each part would be and what tag to represent each part helped a lot and I will definitely going to do it for future projects. Something I would do differently would be refactoring more the CSS part, without leaving with repeated parts.

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

One of the challenges was definitely the sizing, since I only hade a png file to work with, it was suggested that I would use the perfectpixel extension for google chrome. However, my screen resolution was different than the png file, so at first everything was smaller and the font size for the paragraphs suggested for the challenge was way to big for the card. After I realize my screen resolution was different, I was able to fit everything a lot easier.

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

Perhaps with CSS on the should I use padding or margin here, visually the two seems to yield the same result, so I end up not knowing which one to use.